pages/_document.tsx from tutorbookapp/tutorbook

pages/_document.tsx
Summary

Maintainability

1 hr
Test Coverage

Issues
import NextDocument, { Head, Html, Main, NextScript } from 'next/document';

const themeSnippet = `document.documentElement.classList.add(localStorage.getItem('theme') || 'system');`;

// Prevent FOUC on Firefox due to an age-old script processing bug.
// @see {@link https://nextjs.org/docs/advanced-features/custom-document}
// @see {@link https://github.com/vercel/next.js/issues/22465}
export default class Document extends NextDocument {
  public render(): JSX.Element {
    return (
      <Html>
        <Head>
          <link
            rel='preload'
            href='/fonts/inter-var-latin.woff2'
            crossOrigin='anonymous'
            type='font/woff2'
            as='font'
          />
          <link
            rel='preload'
            href='/fonts/inter-var-latin-ext.woff2'
            crossOrigin='anonymous'
            type='font/woff2'
            as='font'
          />
        </Head>
        <body>
          <script dangerouslySetInnerHTML={{ __html: themeSnippet }} />
          <Main />
          <NextScript />
        </body>
      </Html>
    );
  }
}