Migrate to SSG from SSR on Cloudflare Pages/Workers

.gitignore

@@ -2,7 +2,9 @@
 # Project-specific
 #
 /dataset/
+/functions/
 /public/dataset/
+/public/_redirects
 
 #
 # System
@@ -59,6 +61,8 @@ yarn-error.log*
 # When nitro.preset: "cloudflare-pages" is set in nuxt.config.ts,
 # build output is placed in dist/
 /dist/
+# dist/ directory is generated as a symlink when you run `nuxt generate`
+/dist
 
 # npm is the package manager for this project.
 yarn.lock

cloudflare/functions/locale-redirect.ts

@@ -0,0 +1,61 @@
+import { parse } from "@escapace/accept-language-parser";
+
+type AvailableLocale = "en" | "ja" | "zh-CN";
+
+const redirectByLanguage: PagesFunction = async ({ request }) => {
+  const getUserLanguage = (acceptLanguage: string): AvailableLocale => {
+    const languages = parse(acceptLanguage);
+
+    for (const language of languages) {
+      if (language.code === "ja") {
+        return "ja";
+      } else if (language.code === "zh") {
+        return "zh-CN";
+      } else {
+        return "en";
+      }
+    }
+
+    // If acceptLanguage is not sent from client
+    return "en";
+  };
+
+  const reqURL = new URL(request.url);
+  const baseURL = `${ reqURL.protocol }//${ reqURL.host }`;
+  const rawPath = reqURL.searchParams.get("path");
+  const path = rawPath ? decodeURIComponent(rawPath) : undefined;
+
+  if (!path) {
+    // This should not happen by normal usecase unless there is a bug
+    const destURL = new URL("/en", baseURL);
+    destURL.searchParams.append("why", "path-not-given");
+    return Response.redirect(destURL.href, 302);
+  }
+
+  if (!path.startsWith("/")) {
+    // This should not happen by normal usecase unless there is a bug
+    const destURL = new URL("/en", baseURL);
+    destURL.searchParams.append("why", "not-a-path");
+    destURL.searchParams.append("givenpath", encodeURIComponent(path));
+    return Response.redirect(destURL.href, 302);
+  }
+
+  if (
+    path === "/en" || path.startsWith("/en/")
+    || path === "/ja" || path.startsWith("/ja/")
+    || path === "/zh-CN" || path.startsWith("/zh-CN/")
+  ) {
+    // This should not happen by normal usecase unless there is a bug
+    const destURL = new URL(path, baseURL);
+    destURL.searchParams.append("why", "already-locale-given");
+    return Response.redirect(destURL.href, 302);
+  } else {
+    const acceptLanguage = request.headers.get("Accept-Language") as string;
+    const userLanguage = getUserLanguage(acceptLanguage);
+
+    const destURL = new URL(`/${ userLanguage + path }`, baseURL);
+    return Response.redirect(destURL.href, 302);
+  }
+};
+
+export const onRequestGet: PagesFunction = redirectByLanguage;

nuxt.config.ts

@@ -5,12 +5,15 @@ const isLocal = !process.env.SERVER_ENV || process.env.SERVER_ENV === "local";
 
 export default defineNuxtConfig({
   compatibilityDate: "2024-07-31",
-  ssr: true,
+  ssr: true, // Enable prerender
   components: true,
 
   nitro: {
-    preset: "cloudflare-pages",
+    prerender: {
+      autoSubfolderIndex: false,
+    },
   },
+
   typescript: {
     strict: true,
     tsConfig: {
@@ -34,6 +37,7 @@ export default defineNuxtConfig({
         "../public/dataset/**",
         // Cloudflare
         "../.wrangler/**",
+        "../functions/**",
       ],
     },
   },
@@ -45,7 +49,6 @@ export default defineNuxtConfig({
   },
 
   modules: [
-    "nitro-cloudflare-dev",
     "@nuxtjs/i18n",
     "@nuxtjs/robots",
     "@nuxtjs/sitemap",
@@ -72,14 +75,8 @@ export default defineNuxtConfig({
       },
     ],
     strategy: "prefix",
-    defaultLocale: "en",
     baseUrl: "https://genshin-dictionary.com",
-    detectBrowserLanguage: {
-      useCookie: true,
-      cookieSecure: true,
-      fallbackLocale: "en",
-      redirectOn: "no prefix",
-    },
+    detectBrowserLanguage: false,
   },
 
   sitemap: {