Add custom _document to override default structure/tags styles

Al-Ghoul · Mar 4, 2023 · 7dc1c73 · 7dc1c73
1 parent 8a9e7b0
commit 7dc1c73
Showing 1 changed file with 29 additions and 0 deletions.
diff --git a/src/pages/_document.tsx b/src/pages/_document.tsx
@@ -0,0 +1,29 @@
+import { Html, Head, Main, NextScript } from 'next/document'
+import Document, { DocumentContext, DocumentInitialProps } 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 className="bg-gradient-to-tr from-[#591a5a] to-[#2c8b8b]">
+                <Head />
+                <body>
+                    <Main />
+                    <NextScript />
+                </body>
+            </Html>
+        )
+    }
+}
+
+
+export default MyDocument