Migrate to Next.js (#7)

* Ported to next.js.

* Ran formatting.

.eslintrc.js

@@ -6,7 +6,8 @@ module.exports = {
   "extends": [
     "eslint:recommended",
     "plugin:@typescript-eslint/recommended",
-    "plugin:react/recommended"
+    "plugin:react/recommended",
+    "next/core-web-vitals"
   ],
   "overrides": [
     {

.github/workflows/deploy.yml

@@ -37,7 +37,7 @@ jobs:
       - name: Upload GitHub Pages artifact
         uses: actions/[email protected]
         with:
-          path: 'build'
+          path: 'out'
 
       - name: Deploy GitHub Pages site
         uses: actions/[email protected]

.gitignore

@@ -23,3 +23,6 @@ yarn-debug.log*
 yarn-error.log*
 
 /public/generated/
+
+/.next
+/out/

generateAssets.js

@@ -17,7 +17,7 @@ const githubLogo = {
 const emojis = [];
 
 async function main() {
-    if (!fs.existsSync("public/generated")){
+    if (!fs.existsSync("public/generated")) {
         fs.mkdirSync("public/generated", { recursive: true });
     }
 

next-env.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="next" />
+/// <reference types="next/image-types/global" />
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/basic-features/typescript for more information.

next.config.js

@@ -0,0 +1,11 @@
+// @ts-check
+
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+    output: "export",
+    images: {
+        unoptimized: true,
+    }
+}
+
+module.exports = nextConfig