import Document, { DocumentContext, DocumentInitialProps, Head, Html, Main, NextScript } from 'next/document' import { ServerStyleSheet } from 'styled-components' import config from '../config' export default class MyDocument extends Document { static async getInitialProps( ctx: DocumentContext ): Promise { const sheet = new ServerStyleSheet() const originalRenderPage = ctx.renderPage try { ctx.renderPage = () => originalRenderPage({ enhanceApp: (App) => (props) => sheet.collectStyles(), }) const initialProps = await Document.getInitialProps(ctx) return { ...initialProps, styles: [initialProps.styles, sheet.getStyleElement()], } } finally { sheet.seal() } } render() { return ( {/* Add the favicon */} {/* Add `Open Sans` font */} {/* HTML Meta tags */} {/* OpenGraph card */}
) } }