Migrate project to Next.js + TypeScript

.env.example

@@ -0,0 +1,4 @@
+NEXT_PUBLIC_EMAILJS_SERVICE_ID=
+NEXT_PUBLIC_EMAILJS_TEMPLATE_ID=
+NEXT_PUBLIC_EMAILJS_PUBLIC_KEY=
+NEXT_PUBLIC_GTM_ID=GTM-M9NC9LX

.eslintrc.json

@@ -1,27 +1,3 @@
 {
-  "env": {
-    "browser": true,
-    "es6": true,
-    "jest": true
-  },
-  "parser": "@babel/eslint-parser",
-  "parserOptions": {
-    "ecmaFeatures": {
-      "jsx": true
-    },
-    "ecmaVersion": 2018,
-    "sourceType": "module"
-  },
-  "extends": ["airbnb", "plugin:react/recommended", "plugin:react-hooks/recommended"],
-  "plugins": ["react"],
-  "rules": {
-    "react/jsx-filename-extension": ["warn", { "extensions": [".js", ".jsx"] }],
-    "react/react-in-jsx-scope": "off",
-    "import/no-unresolved": "off",
-    "no-shadow": "off"
-  },
-  "ignorePatterns": [
-    "dist/",
-    "build/"
-  ]
+  "extends": "next/core-web-vitals"
 }

.gitignore

@@ -10,6 +10,9 @@
 
 # production
 /build
+/.next
+/out
+/.vercel
 
 # misc
 .DS_Store

README.md

@@ -5,9 +5,10 @@
 
 ## Built With
 
-- React
-- Redux
-- CSS.
+- Next.js (App Router)
+- TypeScript
+- Tailwind CSS
+- Redux Toolkit
 
 ## Live Demo
 
@@ -17,8 +18,8 @@ To get a local copy up and running follow these steps:
 
 ### Prerequisites
 
-- React 18
-- Redux Toolkit
+- Node.js 18+
+- npm
 - Git
 
 ### Usage
@@ -33,10 +34,19 @@ npm install
 
 ```
 
-Start server with:
+Create a `.env.local` (optional) for EmailJS + GTM:
+
+```
+NEXT_PUBLIC_EMAILJS_SERVICE_ID=
+NEXT_PUBLIC_EMAILJS_TEMPLATE_ID=
+NEXT_PUBLIC_EMAILJS_PUBLIC_KEY=
+NEXT_PUBLIC_GTM_ID=GTM-M9NC9LX
+```
+
+Start the dev server with:
 
 ```
-npm start
+npm run dev
 
 ```
 

next-env.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="next" />
+/// <reference types="next/image-types/global" />
+import "./.next/dev/types/routes.d.ts";
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/app/api-reference/config/typescript for more information.

next.config.mjs

@@ -0,0 +1,6 @@
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+  reactStrictMode: true,
+};
+
+export default nextConfig;