feat: Upgrade to Next.js 16, React 19, and TailwindCSS 4

.gitignore

@@ -1,32 +1,88 @@
-# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+# Created by https://www.toptal.com/developers/gitignore/api/node
+# Edit at https://www.toptal.com/developers/gitignore?templates=node
 
-# dependencies
-/node_modules
-/.pnp
-.pnp.js
-.yarn/install-state.gz
+### Node ###
+# Logs
+logs
+*.log
+*.log*
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+lerna-debug.log*
+.pnpm-debug.log*
 
-# testing
-/coverage
+# Diagnostic reports (https://nodejs.org/api/report.html)
+report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
 
-# next.js
-/.next/
-/out/
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
 
-# production
-/build
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
 
-# misc
-.DS_Store
-*.pem
+# Coverage directory used by tools like istanbul
+coverage
+*.lcov
 
-# debug
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# Bower dependency directory (https://bower.io/)
+bower_components
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (https://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules/
+jspm_packages/
+
+# Snowpack dependency directory (https://snowpack.dev/)
+web_modules/
+
+# TypeScript cache
+*.tsbuildinfo
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Optional stylelint cache
+.stylelintcache
+
+# Microbundle cache
+.rpt2_cache/
+.rts2_cache_cjs/
+.rts2_cache_es/
+.rts2_cache_umd/
+
+# Optional REPL history
+.node_repl_history
 
-# local env files
-.env*.local
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+# dotenv environment variable files
+.env
+.env.development.local
+.env.test.local
+.env.production.local
+.env.local
 
 # vercel
 .vercel
@@ -35,5 +91,68 @@ yarn-error.log*
 *.tsbuildinfo
 next-env.d.ts
 
-# ide
-.idea
+
+# parcel-bundler cache (https://parceljs.org/)
+.cache
+.parcel-cache
+
+# Next.js build output
+.next
+out
+
+# Nuxt.js build / generate output
+.DS_Store
+.nitro
+.nuxt
+.output
+dist
+
+# Gatsby files
+.cache/
+# Comment in the public line in if your project uses Gatsby and not Next.js
+# https://nextjs.org/blog/next-9-1#public-directory-support
+# public
+
+# vuepress build output
+.vuepress/dist
+
+# vuepress v2.x temp and cache directory
+.temp
+
+# Docusaurus cache and generated files
+.docusaurus
+
+# Serverless directories
+.serverless/
+
+# FuseBox cache
+.fusebox/
+
+# DynamoDB Local files
+.dynamodb/
+
+# TernJS port file
+.tern-port
+
+# Stores VSCode versions used for testing VSCode extensions
+.vscode-test
+
+# yarn v2
+.yarn/cache
+.yarn/unplugged
+.yarn/build-state.yml
+.yarn/install-state.gz
+.pnp.*
+.idea
+
+### Node Patch ###
+# Serverless Webpack directories
+.webpack/
+
+# Optional stylelint cache
+
+# SvelteKit build / generate output
+.svelte-kit
+
+# End of https://www.toptal.com/developers/gitignore/api/node
+.user.ini

Dockerfile

@@ -3,7 +3,7 @@ FROM node:22.2.0-slim as BUILD_STAGE
 WORKDIR /app
 
 # Install pnpm
-RUN npm install -g pnpm@8
+RUN npm install -g pnpm@10
 
 COPY package.json pnpm-lock.yaml ./
 
@@ -18,7 +18,7 @@ FROM node:alpine
 WORKDIR /app
 
 # Install pnpm in production stage
-RUN npm install -g pnpm@8
+RUN npm install -g pnpm@10
 
 COPY --from=BUILD_STAGE /app/package.json ./package.json
 COPY --from=BUILD_STAGE /app/node_modules ./node_modules
@@ -27,4 +27,4 @@ COPY --from=BUILD_STAGE /app/public ./public
 
 EXPOSE 3000
 
-CMD ["pnpm", "start"]
+CMD ["pnpm", "start"]

next.config.js → next.config.ts

@@ -1,21 +1,24 @@
-/** @type {import('next').NextConfig} */
-const nextConfig = {
+import type { NextConfig } from "next";
+
+const nextConfig: NextConfig = {
   // Enable React strict mode for better development experience
   reactStrictMode: true,
 
   // Optimize images
   images: {
-    domains: ['avatars.githubusercontent.com'],
+    remotePatterns: [
+      {
+        protocol: 'https',
+        hostname: 'avatars.githubusercontent.com'
+      },
+    ],
     formats: ['image/avif', 'image/webp'],
     minimumCacheTTL: 60,
   },
 
   // Compress output
   compress: true,
 
-  // Enable SWC minification
-  swcMinify: true,
-
   // Headers for security and performance
   async headers() {
     return [
@@ -77,4 +80,4 @@ const nextConfig = {
   poweredByHeader: false,
 }
 
-module.exports = nextConfig
+export default nextConfig

package.json

@@ -14,36 +14,36 @@
     "check:fix": "biome check --write ./src"
   },
   "dependencies": {
-    "@apollo/server": "^4.10.2",
-    "@as-integrations/next": "^3.0.0",
-    "@radix-ui/react-avatar": "^1.0.4",
-    "@radix-ui/react-dialog": "^1.0.5",
-    "@radix-ui/react-slot": "^1.0.2",
-    "@vercel/analytics": "^1.1.2",
-    "class-validator": "^0.14.1",
-    "class-variance-authority": "^0.7.0",
-    "clsx": "^2.0.0",
-    "cmdk": "^0.2.0",
-    "graphql": "^16.8.1",
-    "graphql-scalars": "^1.23.0",
-    "lucide-react": "^0.300.0",
-    "next": "14.2.1",
-    "react": "^18",
-    "react-dom": "^18",
+    "@apollo/server": "^4.12.2",
+    "@as-integrations/next": "^4.1.0",
+    "@radix-ui/react-avatar": "^1.1.11",
+    "@radix-ui/react-dialog": "^1.1.15",
+    "@radix-ui/react-slot": "^1.2.4",
+    "@vercel/analytics": "^1.5.0",
+    "class-validator": "^0.14.2",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "cmdk": "^1.1.1",
+    "graphql": "^16.12.0",
+    "graphql-scalars": "^1.25.0",
+    "lucide-react": "^0.552.0",
+    "next": "16.0.1",
+    "react": "^19",
+    "react-dom": "^19",
     "reflect-metadata": "^0.2.2",
-    "tailwind-merge": "^2.2.0",
+    "tailwind-merge": "^3.3.1",
     "tailwindcss-animate": "^1.0.7",
-    "type-graphql": "^2.0.0-beta.6",
-    "vaul": "^0.8.0"
+    "type-graphql": "^2.0.0-rc.2",
+    "vaul": "^1.1.2"
   },
   "devDependencies": {
-    "@biomejs/biome": "2.0.6",
-    "@types/node": "^20",
-    "@types/react": "^18",
-    "@types/react-dom": "^18",
-    "autoprefixer": "^10.0.1",
+    "@biomejs/biome": "2.3.4",
+    "@tailwindcss/postcss": "^4.1.17",
+    "@types/node": "^24",
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
     "postcss": "^8",
-    "tailwindcss": "^3.4.0",
+    "tailwindcss": "^4.1.17",
     "typescript": "^5"
   }
 }