Next.js and TS

.eslintrc

@@ -0,0 +1,11 @@
+{
+    "extends": ["next", "prettier"],
+    "settings": {
+        "next": {
+            "rootDir": "src"
+        }
+    },
+    "rules": {
+        "react/no-unescaped-entities": "off"
+    }
+}

.gitignore

@@ -19,6 +19,10 @@
 .env.production.local
 .vscode
 
+# Next.js
+.next
+out
+
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*

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 @@
+module.exports = {
+    webpack(config) {
+        config.module.rules.push({
+            test: /\.svg$/i,
+            issuer: /\.[jt]sx?$/,
+            use: ['@svgr/webpack']
+        });
+
+        return config;
+    }
+};

package.json

@@ -8,31 +8,32 @@
     "@reach/dialog": "^0.16.2",
     "@reach/menu-button": "^0.16.2",
     "@reach/visually-hidden": "^0.16.0",
+    "@types/jest": "^29.0.0",
+    "@types/node": "^18.7.16",
+    "@types/react": "^17.0.0",
+    "@types/react-dom": "^18.0.6",
     "classnames": "^2.3.1",
     "color": "^4.2.3",
     "formik": "^2.2.9",
     "highlight.js": "^11.5.0",
+    "next": "^13.1.1",
     "prop-types": "^15.8.1",
-    "react": "^17.0.2",
+    "react": "^18.2.0",
     "react-app-polyfill": "^3.0.0",
-    "react-dom": "^17.0.2",
+    "react-dom": "^18.2.0",
     "react-icons": "^4.3.1",
-    "react-router-dom": "^6.3.0",
-    "react-scripts": "5.0.0",
     "react-select": "^5.2.2",
     "sass": "^1.50.0",
     "sass-color-helpers": "^2.1.1",
+    "typescript": "^4.8.2",
     "yup": "^0.32.11"
   },
   "scripts": {
-    "start": "react-scripts start",
-    "build": "react-scripts build",
-    "test": "react-scripts test",
-    "eject": "react-scripts eject",
-    "build:css": "sass src/scss/styles.scss build/solon.css"
-  },
-  "eslintConfig": {
-    "extends": "react-app"
+    "lint": "next lint",
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start",
+    "build:css": "sass src/scss/styles.scss .next/solon.css"
   },
   "browserslist": {
     "production": [
@@ -49,5 +50,12 @@
       "ie 11",
       "ie 10"
     ]
+  },
+  "devDependencies": {
+    "@svgr/webpack": "^6.5.1",
+    "eslint": "^8.31.0",
+    "eslint-config-next": "^13.1.6",
+    "eslint-config-prettier": "^8.6.0",
+    "eslint-config-react-app": "^7.0.1"
   }
 }