ServerStylesheet
The <ServerStylesheet />
will help you render your styles on the server in SSR environemnts
#
Next.jsThis is an example _document.tsx
in a Next.js (Typescript) environment
import Document, { Html, Head, Main, NextScript, DocumentContext,} from "next/document";
class MyDocument extends Document { static async getInitialProps(ctx: DocumentContext) { const initialProps = await Document.getInitialProps(ctx);
return initialProps; }
render() { return ( <Html> <Head> <ServerStylesheet /> </Head> <body> <Main /> <NextScript /> </body> </Html> ); }}