diff --git a/pages/_document.tsx b/pages/_document.tsx
new file mode 100644
index 00000000..d0d8ab21
--- /dev/null
+++ b/pages/_document.tsx
@@ -0,0 +1,58 @@
+import { Html, Head, Main, NextScript } from 'next/document'
+
+// reference: https://nextjs.org/docs/advanced-features/custom-document#typescript
+// import Document, { DocumentContext, Html, Head, Main, NextScript } from "next/document";
+// class MyDocument extends Document {
+// static async getInitialProps(ctx: DocumentContext) {
+// const initialProps = await Document.getInitialProps(ctx);
+//
+// return initialProps;
+// }
+// }
+
+const MyDocument = ()=>{
+ return (
+
+
+
+
+
+
+
+
+ {/* Reference: https://stackoverflow.com/a/52079972 */}
+
+
+ {/*
+ manifest.json provides metadata used when your web app is added to the
+ homescreen on Android. See https://developers.google.com/web/fundamentals/web-app-manifest/
+ */}
+
+ {/*
+ Notice the use of %PUBLIC_URL% in the tags above.
+ It will be replaced with the URL of the `public` folder during the build.
+ Only files inside the `public` folder can be referenced from the HTML.
+
+ Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
+ work correctly both with client-side routing and a non-root public URL.
+ Learn how to configure a non-root public URL by running `npm run build`.
+ */}
+
+ {/* Moved to JS side to avoid blocking rendering */}
+ {/* */}
+ {/* */}
+
+ Hey's Personal Portfolio
+
+
+
+
+
+
+ )
+}
+
+export default MyDocument;