Breaking News: Grepper is joining You.com. Read the official announcement!

next js custom document

Aliva Priyadarshini answered on February 26, 2022 Popularity 9/10 Helpfulness 4/10

answer next js custom document

next js custom document

Comment

import Document, { Html, Head, Main, NextScript } from 'next/document'

class MyDocument extends Document {
  static async getInitialProps(ctx) {
    const originalRenderPage = ctx.renderPage

    // Run the React rendering logic synchronously
    ctx.renderPage = () =>
      originalRenderPage({
        // Useful for wrapping the whole react tree
        enhanceApp: (App) => App,
        // Useful for wrapping in a per-page basis
        enhanceComponent: (Component) => Component,
      })

    // Run the parent `getInitialProps`, it now includes the custom `renderPage`
    const initialProps = await Document.getInitialProps(ctx)

    return initialProps
  }

  render() {
    return (
      <Html>
        <Head />
        <body>
          <Main />
          <NextScript />
        </body>
      </Html>
    )
  }
}

export default MyDocument

Popularity 9/10 Helpfulness 4/10 Language javascript

Source: nextjs.org

Tags: document javascript next

Link to this answer
Share Copy Link

Contributed on Feb 26 2022

Aliva Priyadarshini

0 Answers Avg Quality 2/10

next js custom document

Contents

More Related Answers

next js custom document

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.