Move Netlify redirects to Nuxt redirects

.npmrc

@@ -0,0 +1 @@
+@jsr:registry=https://npm.jsr.io

netlify.toml

@@ -16,24 +16,3 @@ for = "/*"
 Strict-Transport-Security = "max-age=63072000; includeSubDomains; preload"
 Referrer-Policy = "no-referrer-when-downgrade"
 X-Frame-Options = "SAMEORIGIN"
-
-[[redirects]]
-from = "/"
-to = "/nl/"
-status = 302
-conditions = { Language = ["nl"] }
-
-[[redirects]]
-from = "/"
-to = "/en/"
-status = 302
-
-[[redirects]]
-from = "/blog-feed.xml"
-to = "/blog/feed.json"
-status = 301
-
-[[redirects]]
-from = "/mogelijk/api/event"
-to = "https://plausible.io/api/event"
-status = 200

nuxt.config.ts

@@ -18,11 +18,16 @@ export default defineNuxtConfig({
     '@/components/app-core/index.css',
   ],
   nitro: {
+    preset: 'netlify-edge',
     prerender: {
       crawlLinks: false,
     },
     routeRules: {
       '/': { prerender: false },
+      '/blog-feed.xml': {
+        redirect: { to: '/blog/feed.json', statusCode: 301 },
+      },
+      '/mogelijk/api/event': { proxy: { to:  'https://plausible.io/api/event' } },
     },
   },
   runtimeConfig: {

package.json

@@ -3,14 +3,15 @@
   "private": true,
   "scripts": {
     "dev": "nuxt dev",
-    "build": "nuxt generate",
+    "build": "nuxt build",
     "lint": "eslint '**/*.vue'",
     "lint-staged": "nano-staged",
     "prepare": "husky install"
   },
   "dependencies": {
     "@json-feed-types/1_1": "^1.0.2",
     "@nuxtjs/plausible": "^0.2.0",
+    "@std/http": "npm:@jsr/std__http@^1.0.10",
     "@voorhoede/vue-dato-video": "^3.1.0",
     "datocms-listen": "^0.1.14",
     "datocms-structured-text-utils": "^2.0.4",

src/components/language-switcher/language-switcher.vue

@@ -32,6 +32,7 @@
 <script setup>
 const i18nSlugs = await useI18nSlugs();
 const route = useRoute();
+import { cookieName } from '~/lib/i18n.js';
 
 const getLocaleRoute = (code) => {
   const isDynamicRoute = Boolean(i18nSlugs.value)
@@ -52,14 +53,13 @@ const getLocaleRoute = (code) => {
 
 const saveLocale = (code) => {
   const cookie = document.cookie;
-  const langKey = "nf_lang"; // @See https://www.netlify.com/docs/redirects/#geoip-and-language-based-redirects
-  if (cookie.match(new RegExp(langKey) !== null)) {
+  if (cookie.match(new RegExp(cookieName) !== null)) {
     document.cookie = cookie.replace(
-      new RegExp(`${langKey}=[A-Za-z-]+;`),
-      `${langKey}=${code};`
+      new RegExp(`${cookieName}=[A-Za-z-]+;`),
+      `${cookieName}=${code};`
     );
   } else {
-    document.cookie = `${langKey}=${code}; path=/; ${cookie}`;
+    document.cookie = `${cookieName}=${code}; path=/; ${cookie}`;
   }
 };
 </script>

src/lib/i18n.js

@@ -1,3 +1,6 @@
+export const defaultLanguage = 'en';
+export const cookieName = 'chosen-language';
+
 export const locales = [
   {
     code: 'en',

src/plugins/i18n.ts

@@ -1,10 +1,9 @@
 import rosetta from 'rosetta';
 import { joinURL, withTrailingSlash } from 'ufo';
-import { locales } from '../lib/i18n';
+import { locales, defaultLanguage } from '../lib/i18n';
 import messages from '../../.cache/ui-translations.json';
 
 const i18n = rosetta(messages);
-const defaultLanguage = 'en';
 
 export default defineNuxtPlugin((nuxtApp) => {
   i18n.locale(nuxtApp._route.params.language);

src/server/routes/index.ts

@@ -0,0 +1,28 @@
+import { acceptsLanguages } from '@std/http/negotiation';
+import { cookieName, defaultLanguage, locales } from '~/lib/i18n.js';
+
+const localeCodes = locales.map(({ code }) => code);
+
+export default defineEventHandler((event) => {
+  const request = toWebRequest(event);
+  const chosenLanguage = getCookie(event, cookieName);
+
+  if (localeCodes.includes(chosenLanguage)) {
+    return sendRedirect(
+      event,
+      `/${chosenLanguage}/`,
+      302,
+    );
+  }
+
+  const clientLocale = acceptsLanguages(
+    request,
+    ...localeCodes,
+  );
+
+  sendRedirect(
+    event,
+    `/${clientLocale || defaultLanguage}/`,
+    302,
+  );
+});

src/server/tsconfig.json

@@ -0,0 +1,3 @@
+{
+  "extends": "../.nuxt/tsconfig.server.json"
+}