NextJSでのインラインスタイル

NextJSでは、 属性 style を通じたスタイリングが利用可能です。 このようなスタイルは インラインスタイルと呼ばれます。その扱いは、 Reactでのインラインスタイルの扱いと同様です。

例として、段落を赤色に塗りましょう:

app/test/page.jsxexport default function Test() {
  return <p style=>
    text text text
  </p>;
}