import React from 'react' ; import Document , { Html , Head , Main , NextScript , DocumentContext } from 'next/document' ; import Analytics from 'components/Analytics' ; import { ServerStyleSheet } from 'styled-components' ; export default class NextDocument extends Document { static async getInitialProps ( ctx ) { const sheet = new ServerStyleSheet ( ) ; const originalRenderPage = ctx . renderPage ; try { ctx . renderPage = ( ) => originalRenderPage ( { enhanceApp : ( App ) => ( props ) => sheet . collectStyles ( < App { ... props } / > ) } ) ; const initialProps = await Document . getInitialProps ( ctx ) ; return { ... initialProps , styles : ( < > { initialProps . styles } { sheet . getStyleElement ( ) } < />) } ; } finally { sheet . seal ( ) ; } } render ( ) { return ( < Html lang = "pt-br" > < Head > < link rel = "preload" href = "/fonts/poppins-v9-latin-regular.woff2" as = "font" crossOrigin = "" / > < /Head> < body > < Main /> < NextScript / > < Analytics /> < /body> < /Html>); } }