sqrtox's Blog

Next.jsのカスタムDocumentは関数コンポーネントでも使える

公開

プログラミング
JavaScript
Next.js

Next.jsではページの共通の文書を設定できる_documentというものがある。

class Document extends NextDocument {
  render() {
    return (
      <Html>
        <Head />
        <body>
          <Main />
          <NextScript />
        </body>
      </Html>
    );
  }
}

ずっとNextDocumentを継承したクラスコンポーネントで書いていたが、関数コンポーネントでも書けるらしい。

const Document = () => (
  <Html>
    <Head />
    <body>
      <Main />
      <NextScript />
    </body>
  </Html>
);

_documentをいじっている際にふと思いついて調べて知った。

参考

目次

© 2022 sqrtox, All Rights Reserved.

謝辞