easy

web/.eslintrc.json

@@ -1,5 +1,5 @@
 {
-  "extends": "next/core-web-vitals",
+  "extends": ["next/core-web-vitals"],
   "overrides": [
     {
       "files": ["**/*.tsx"],

web/next.config.js

@@ -0,0 +1,16 @@
+const { loadEnvConfig } = require("@next/env");
+const withNextIntl = require("next-intl/plugin")();
+
+loadEnvConfig(process.cwd());
+
+/** @type {import('next').NextConfig} */
+const config = {
+  poweredByHeader: false,
+  logging: {
+    fetches: {
+      fullUrl: process.env.NODE_ENV === "production",
+    },
+  },
+};
+
+module.exports = withNextIntl({ ...config });

web/postcss.config.js

@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}

web/src/middleware.ts

@@ -1,16 +1,24 @@
 import createIntlMiddleware from "next-intl/middleware";
-import type { NextRequest } from "next/server";
-import { LOCALES } from "./locales";
+import { NextRequest } from "next/server";
+
+export const LOCALES = ["de", "en"] as const;
+export const X_URL = "x-url";
 
 export default async function middleware(request: NextRequest) {
+  // Step 2: Create and call the next-intl middleware (example)
   const handleI18nRouting = createIntlMiddleware({
     locales: LOCALES,
+    defaultLocale: "de",
     localePrefix: "never",
-    defaultLocale: LOCALES[0],
+    localeDetection: true,
   });
   const response = handleI18nRouting(request);
 
-  response.headers.set("x-url", request.url);
+  response.headers.set(X_URL, request.url);
 
   return response;
 }
+
+export const config = {
+  matcher: ["/((?!api|_next|_vercel|.*\\..*).*)"],
+};

web/src/navigation.ts

@@ -1,5 +1,5 @@
 import { createSharedPathnamesNavigation } from "next-intl/navigation";
-import { LOCALES } from "./locales";
+import { LOCALES } from "./middleware";
 
 export const { Link, redirect, usePathname, useRouter } =
   createSharedPathnamesNavigation({ locales: LOCALES });

web/tsconfig.json

@@ -1,20 +1,26 @@
 {
   "compilerOptions": {
+    "target": "es5",
     "lib": ["dom", "dom.iterable", "esnext"],
     "allowJs": true,
     "skipLibCheck": true,
     "strict": true,
     "noEmit": true,
     "esModuleInterop": true,
     "module": "esnext",
-    "moduleResolution": "bundler",
+    "moduleResolution": "Node",
     "resolveJsonModule": true,
     "isolatedModules": true,
     "jsx": "preserve",
     "incremental": true,
     "plugins": [
       {
         "name": "next"
+      },
+      {
+        "name": "@0no-co/graphqlsp",
+        "schema": "./schema.graphql",
+        "tadaOutputLocation": "src/graphql-env.d.ts"
       }
     ],
     "paths": {