document!
diff --git a/pages/_app.js b/pages/_app.js
index 5eee980..d48ae06 100644
--- a/pages/_app.js
+++ b/pages/_app.js
@@ -1,7 +1,6 @@
import '../styles/globals.css';
import NavBar from '../Components/NavBar';
import { ThemeProvider } from 'theme-ui';
-import { Helmet } from 'react-helmet';
const theme = {
config: {
@@ -38,12 +37,6 @@
function App({ Component, pageProps }) {
return <>
- <Helmet>
- <html lang="en" />
- </Helmet>
- <head>
- <meta charSet="utf-8" />
- </head>
<ThemeProvider theme={theme}>
<Component {...pageProps} />
<NavBar />
diff --git a/pages/_document.js b/pages/_document.js
new file mode 100644
index 0000000..13bd2a2
--- /dev/null
+++ b/pages/_document.js
@@ -0,0 +1,24 @@
+import Document, { Html, Head, Main, NextScript } from 'next/document'
+
+class Doc extends Document {
+ static async getInitialProps(ctx) {
+ const initialProps = await Document.getInitialProps(ctx)
+ return { ...initialProps }
+ }
+
+ render() {
+ return (
+ <Html lang="en">
+ <Head>
+ <meta charSet="utf-8" />
+ </Head>
+ <body>
+ <Main />
+ <NextScript />
+ </body>
+ </Html>
+ )
+ }
+}
+
+export default Doc
\ No newline at end of file