Next.jsのカスタムDocumentは関数コンポーネントでも使える
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 をいじっている際にふと思いついて調べて知った。