setting language route based on http request header now

astro.config.mjs

@@ -1,11 +1,15 @@
 import { defineConfig } from "astro/config";
-
+import node from "@astrojs/node";
 import react from "@astrojs/react";
 
 // https://astro.build/config
 export default defineConfig({
-    integrations: [react()],
-    redirects: {
-        "/legal": "/legal/privacy",
-    },
+  integrations: [react()],
+  redirects: {
+    "/legal": "/legal/privacy",
+  },
+  output: "server",
+  adapter: node({
+    mode: "standalone",
+  }),
 });

package.json

@@ -11,6 +11,7 @@
     "lint": "eslint . --ext .js,.ts,.astro"
   },
   "dependencies": {
+    "@astrojs/node": "^7.0.0",
     "@astrojs/react": "^3.0.6",
     "@directus/sdk": "^13.0.2",
     "@types/react": "^18.2.42",

src/pages/[lang]/index.astro

@@ -11,11 +11,10 @@ import Feedback from "../../views/Feedback/Feedback.astro";
 import AboutUs from "../../views/AboutUs/AboutUs.astro";
 
 export const getStaticPaths = (() => {
-    return [
-        {params: {lang: "en"}},
-        {params: {lang: "de"}},
-    ];
+  return [{ params: { lang: "en" } }, { params: { lang: "de" } }];
 }) satisfies GetStaticPaths;
+
+export const prerender = true;
 ---
 
 <Layout title="Scrumlr">

src/pages/index.astro

@@ -1,4 +1,15 @@
 ---
+const AVAILABLE_TRANSLATIONS = ["de", "en"];
+
+const language = Astro.request.headers.get("accept-language");
+// Split the language string into an array of languages
+const languages = language
+  ?.split(",")
+  .map((lang) => lang.split(";")[0].trim().split("-")[0]);
+
+// Find the first language in the header that matches one of the available languages
+const pageLang =
+  languages?.find((lang) => AVAILABLE_TRANSLATIONS.includes(lang)) || "en";
 ---
 
-<meta http-equiv="refresh" content="0;url=/en" />
+<meta http-equiv="refresh" content=`0;url=/${pageLang}` />