1 files changed, 54 insertions, 0 deletions
diff --git a/docs/pages/_document.tsx b/docs/pages/_document.tsx
new file mode 100644
index 0000000..54b5e72
--- /dev/null
+++ b/docs/pages/_document.tsx
@@ -0,0 +1,54 @@
+import Document, { Html, Head, Main, NextScript } from "next/document";
+import type { DocumentInitialProps, DocumentContext } from "next/document";
+
+class MyDocument extends Document {
+  static async getInitialProps(
+    ctx: DocumentContext
+  ): Promise<DocumentInitialProps> {
+    const initialProps = await Document.getInitialProps(ctx);
+
+    return initialProps;
+  }
+
+  render() {
+    return (
+      <Html lang="en">
+        <Head>
+          <link rel="preconnect" href="https://fonts.googleapis.com" />
+          <link
+            rel="preconnect"
+            href="https://fonts.gstatic.com"
+            crossOrigin="true"
+          />
+          <link
+            href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700;800&display=optional"
+            rel="stylesheet"
+          />
+
+          {/* eslint-disable-next-line @next/next/google-font-preconnect */}
+          <link
+            rel="preload"
+            as="font"
+            href="https://fonts.gstatic.com/s/spacegrotesk/v13/V8mQoQDjQSkFtoMM3T6r8E7mF71Q-gOoraIAEj7aUXskPMBBSSJLm2E.woff2"
+            type="font/woff2"
+            crossOrigin="true"
+          />
+          {/* eslint-disable-next-line @next/next/google-font-preconnect */}
+          <link
+            rel="preload"
+            as="font"
+            href="https://fonts.gstatic.com/s/spacegrotesk/v13/V8mQoQDjQSkFtoMM3T6r8E7mF71Q-gOoraIAEj7oUXskPMBBSSJLm2E.woff2"
+            type="font/woff2"
+            crossOrigin="true"
+          />
+        </Head>
+        <body>
+          <Main />
+          <NextScript />
+        </body>
+      </Html>
+    );
+  }
+}
+
+export default MyDocument;