Upgrade NextJS to v14

.env

@@ -0,0 +1,3 @@
+NEXT_PUBLIC_TURNSTILE_SITE_KEY=
+TURNSTILE_SECRET_KEY=
+RESEND_API_KEY=

.eslintrc.json

@@ -1,8 +1,3 @@
 {
-    "plugins": ["@typescript-eslint"],
-    "extends": ["next/core-web-vitals", "plugin:@typescript-eslint/recommended", "prettier"],
-    "rules": {
-        "@typescript-eslint/no-unused-vars": "error",
-        "@typescript-eslint/no-explicit-any": "error"
-    }
+    "extends": ["next/core-web-vitals", "next/typescript", "prettier"]
 }

.gitignore

@@ -4,6 +4,7 @@
 /node_modules
 /.pnp
 .pnp.js
+.yarn/install-state.gz
 
 # testing
 /coverage
@@ -23,10 +24,10 @@
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
-.pnpm-debug.log*
 
 # local env files
 .env*.local
+.dev.vars
 
 # vercel
 .vercel

.node-version

@@ -1 +1 @@
-17.9.0
+22

.vscode/settings.json

@@ -1,7 +1,4 @@
 {
-    "editor.codeActionsOnSave": {
-        "source.fixAll.eslint": true
-    },
     "editor.formatOnSave": true,
     "editor.defaultFormatter": "esbenp.prettier-vscode",
     "typescript.tsdk": "node_modules/typescript/lib",

cloudflare-env.d.ts

@@ -0,0 +1,2 @@
+interface CloudflareEnv {
+}

next.config.mjs

@@ -0,0 +1,24 @@
+import { setupDevPlatform } from '@cloudflare/next-on-pages/next-dev';
+import Webpack from 'webpack';
+
+// Here we use the @cloudflare/next-on-pages next-dev module to allow us to use bindings during local development
+// (when running the application with `next dev`), for more information see:
+// https://github.com/cloudflare/next-on-pages/blob/main/internal-packages/next-dev/README.md
+if (process.env.NODE_ENV === 'development') {
+  await setupDevPlatform();
+}
+
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+    webpack(config) {
+        config.plugins.push(new Webpack.EnvironmentPlugin(['NEXT_PUBLIC_TURNSTILE_SITE_KEY']));
+        config.module.rules.push({
+            test: /\.svg$/i,
+            use: ['@svgr/webpack'],
+        });
+
+        return config;
+    },
+};
+
+export default nextConfig;

package.json

@@ -6,38 +6,45 @@
         "dev": "next dev",
         "build": "next build",
         "start": "next start",
-        "lint": "next lint"
+        "lint": "next lint",
+        "format": "prettier --write ./src",
+        "pages:build": "pnpm next-on-pages",
+        "preview": "pnpm pages:build && wrangler pages dev",
+        "deploy": "pnpm pages:build && wrangler pages deploy",
+        "cf-typegen": "wrangler types --env-interface CloudflareEnv cloudflare-env.d.ts"
     },
     "dependencies": {
-        "@cloudflare/pages-plugin-sentry": "^1.0.0",
-        "@sendgrid/helpers": "^7.7.0",
-        "class-variance-authority": "^0.3.0",
-        "next": "13.0.3",
-        "react": "18.2.0",
-        "react-dom": "18.2.0",
+        "@marsidev/react-turnstile": "^1.0.2",
+        "class-variance-authority": "^0.7.0",
+        "next": "14.2.14",
+        "react": "^18",
+        "react-dom": "^18",
+        "resend": "^4.0.0",
         "slugger": "^1.0.1",
-        "tailwind-merge": "^1.8.0",
-        "zod": "^3.19.1",
-        "zod-form-data": "^1.2.4"
+        "tailwind-merge": "^2.5.3",
+        "zod": "^3.23.8",
+        "zod-form-data": "^2.0.2"
     },
     "devDependencies": {
-        "@cloudflare/workers-types": "^4.20221111.1",
-        "@svgr/webpack": "^6.5.1",
-        "@tailwindcss/forms": "^0.5.3",
-        "@tailwindcss/typography": "^0.5.8",
-        "@types/node": "18.11.9",
-        "@types/react": "18.0.25",
-        "@types/react-dom": "18.0.9",
-        "@typescript-eslint/eslint-plugin": "^5.43.0",
-        "autoprefixer": "^10.4.13",
-        "eslint": "8.27.0",
-        "eslint-config-next": "13.0.3",
-        "eslint-config-prettier": "^8.5.0",
-        "postcss": "^8.4.19",
-        "prettier": "^2.7.1",
-        "prettier-plugin-tailwindcss": "^0.1.13",
-        "tailwindcss": "^3.2.4",
-        "typescript": "4.9.3",
-        "vercel": "^28.5.6"
+        "@cloudflare/next-on-pages": "1",
+        "@cloudflare/workers-types": "^4.20241004.0",
+        "@svgr/webpack": "^8.1.0",
+        "@tailwindcss/forms": "^0.5.9",
+        "@tailwindcss/typography": "^0.5.15",
+        "@types/node": "^20",
+        "@types/react": "^18",
+        "@types/react-dom": "^18",
+        "autoprefixer": "^10.4.20",
+        "eslint": "^8",
+        "eslint-config-next": "14.2.14",
+        "eslint-config-prettier": "^9.1.0",
+        "eslint-plugin-next-on-pages": "^1.13.5",
+        "postcss": "^8",
+        "prettier": "^3.3.3",
+        "prettier-plugin-tailwindcss": "^0.6.8",
+        "tailwindcss": "^3.4.1",
+        "typescript": "^5",
+        "webpack": "^5.95.0",
+        "wrangler": "^3.80.0"
     }
 }