Next.js _document

typescript


import React from 'react'
import NextDocument, { Head, Html, Main, NextScript } from 'next/document'
import { NextComponentType } from 'next'
import type { DocumentContext, DocumentInitialProps, DocumentProps } from 'next/document'

const Document: NextComponentType<DocumentContext, DocumentInitialProps, DocumentProps> & { renderDocument: Function } =
  () => {
    return (
      <Html lang="en">
        <Head>
          <meta charSet="UTF-8" />
          <meta httpEquiv="X-UA-Compatible" content="ie=edge" />
          <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
          <link rel="manifest" href="/manifest.json" />
        </Head>
        <body>
          <Main />
        </body>
      </Html>
    )
  }

Document.getInitialProps = async (ctx: DocumentContext) => {
  const initialProps = await NextDocument.getInitialProps(ctx)
  return { ...initialProps }
}
Document.renderDocument = NextDocument.renderDocument

export default Document

github.com

https://github.com/vercel/next.js/issues/7515

Next.js _document

typescript

Recommendations