Upgrade to Next.js 16 with Turbopack (#192)

* Initial plan

* Upgrade to Next.js 16 with Turbopack and all dependencies

Co-authored-by: nwalters512 <[email protected]>

* Fix ESLint config and remove deprecated --ext flag

Co-authored-by: nwalters512 <[email protected]>

* Final validation complete - all dependencies upgraded

Co-authored-by: nwalters512 <[email protected]>

* Fix formatting for next-env.d.ts

Co-authored-by: nwalters512 <[email protected]>

* Remove unnecessary @eslint/eslintrc dependency and empty next.config.ts

Co-authored-by: nwalters512 <[email protected]>

* Add GitHub Actions workflow for linting and type checking

Co-authored-by: nwalters512 <[email protected]>

---------

Co-authored-by: copilot-swe-agent[bot] <[email protected]>
Co-authored-by: nwalters512 <[email protected]>

Author: Copilot

.eslintrc

@@ -0,0 +1,32 @@
+name: Lint
+
+on:
+  push:
+    branches: [main]
+  pull_request:
+    branches: [main]
+
+jobs:
+  lint:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: "20"
+
+      - name: Enable Corepack
+        run: corepack enable
+
+      - name: Install dependencies
+        run: yarn install --immutable
+
+      - name: Run TypeScript type check
+        run: yarn tsc --noEmit
+
+      - name: Run linting
+        run: yarn lint

.github/workflows/lint.yml

@@ -0,0 +1,10 @@
+import nextConfig from "eslint-config-next"
+
+const eslintConfig = [
+  {
+    ignores: [".yarn/**", ".next/**", "node_modules/**"],
+  },
+  ...nextConfig,
+]
+
+export default eslintConfig

eslint.config.mjs

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

next-env.d.ts

@@ -8,28 +8,28 @@
     "@tailwindcss/postcss": "^4.0.6",
     "@types/fs-extra": "^11.0.4",
     "@types/js-yaml": "^4.0.9",
-    "@types/react": "^19.0.8",
-    "autoprefixer": "^10.4.20",
+    "@types/react": "^19.0.10",
+    "autoprefixer": "^10.4.21",
     "classnames": "^2.5.1",
     "fs-extra": "^11.3.0",
     "husky": "^9.1.7",
     "js-yaml": "^4.1.0",
-    "next": "^15.1.7",
-    "postcss": "^8.5.2",
+    "next": "^16.0.1",
+    "postcss": "^8.5.3",
     "postcss-import": "^16.1.0",
-    "prettier": "3.5.0",
+    "prettier": "^3.5.5",
     "pretty-quick": "^4.0.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "tailwindcss": "^4.0.6",
-    "typescript": "^5.7.3"
+    "typescript": "^5.8.0"
   },
   "license": "MIT",
   "scripts": {
-    "build": "tsc && next build",
-    "dev": "next dev",
-    "format": "next lint --fix && prettier --write \"**/*.{js,jsx,ts,tsx,json,md}\"",
-    "lint": "next lint && prettier --check \"**/*.{js,jsx,ts,tsx,json,md}\"",
+    "build": "tsc && next build --turbo",
+    "dev": "next dev --turbo",
+    "format": "eslint . --fix && prettier --write \"**/*.{js,jsx,ts,tsx,json,md}\"",
+    "lint": "eslint . && prettier --check \"**/*.{js,jsx,ts,tsx,json,md}\"",
     "start": "next start",
     "prepare": "husky install"
   },
@@ -38,9 +38,9 @@
     "url": "https://github.com/nwalters512/cookbook"
   },
   "devDependencies": {
-    "@types/node": "22.13.1",
-    "eslint": "^9.20.1",
-    "eslint-config-next": "^15.1.7"
+    "@types/node": "^22.13.10",
+    "eslint": "^9.20.2",
+    "eslint-config-next": "^16.0.1"
   },
   "packageManager": "[email protected]"
 }

package.json

@@ -1,6 +1,6 @@
 {
   "compilerOptions": {
-    "target": "es5",
+    "target": "ES2020",
     "lib": ["dom", "dom.iterable", "esnext"],
     "allowJs": true,
     "skipLibCheck": true,
@@ -9,11 +9,14 @@
     "noEmit": true,
     "esModuleInterop": true,
     "module": "esnext",
-    "moduleResolution": "node",
+    "moduleResolution": "bundler",
     "resolveJsonModule": true,
     "isolatedModules": true,
-    "jsx": "preserve",
-    "incremental": true
+    "jsx": "react-jsx",
+    "incremental": true,
+    "paths": {
+      "@/*": ["./src/*"]
+    }
   },
   "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
   "exclude": ["node_modules"]