Internationalize the website statically

.github/workflows/deploy.yml

@@ -72,14 +72,14 @@ jobs:
       - name: Install dependencies
         run: ${{ steps.detect-package-manager.outputs.manager }} ${{ steps.detect-package-manager.outputs.command }}
       - name: Build with Next.js
-        run: ${{ steps.detect-package-manager.outputs.runner }} next build
+        run: ${{ steps.detect-package-manager.outputs.runner }} npm run build:i18n
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
           BASE_URL: https://ruffle.rs
       - name: Upload artifact
         uses: actions/upload-pages-artifact@v5
         with:
-          path: ./out
+          path: ./dist
 
   # Deployment job
   deploy:

.gitignore

@@ -12,6 +12,7 @@
 # next.js
 /.next/
 /out/
+/dist
 
 # production
 /build

eslint.config.mjs

@@ -41,6 +41,16 @@ export default [
     files: ["postcss.config.js", "next.config.js"],
     languageOptions: {
       sourceType: "commonjs",
+      globals: {
+        require: "readonly",
+        module: "writable",
+        __dirname: "readonly",
+        __filename: "readonly",
+        process: "readonly",
+      },
+    },
+    rules: {
+      "@typescript-eslint/no-require-imports": "off",
     },
   },
 ];

messages/en-US.json

@@ -0,0 +1,5 @@
+{
+  "locale.name": "English – United States",
+  "home.title": "An open source Flash Player emulator",
+  "footer.tagline": "Putting Flash back on the web"
+}

messages/pl-PL.json

@@ -0,0 +1,5 @@
+{
+  "locale.name": "Polski – Polska",
+  "home.title": "Emulator Flash Playera, który jest open source",
+  "footer.tagline": "Przywracamy Flasha do sieci"
+}

next.config.js

@@ -1,5 +1,10 @@
 // @ts-check
 
+const path = require("path");
+
+const locale = process.env.NEXT_PUBLIC_BUILD_LOCALE || "en-US";
+const defaultLocale = "en-US";
+
 /**
  * @type {import('next').NextConfig}
  **/
@@ -8,7 +13,18 @@ const nextConfig = {
   images: {
     unoptimized: true,
   },
-  basePath: "",
+  basePath: locale === defaultLocale ? "" : `/${locale}`,
+  turbopack: {
+    resolveAlias: {
+      "i18n:messages": `./messages/${locale}.json`,
+    },
+  },
+  webpack: (config) => {
+    config.resolve.alias["i18n:messages"] = path.resolve(
+      `./messages/${locale}.json`,
+    );
+    return config;
+  },
 };
 
 module.exports = nextConfig;