feat: support subpath pages build

.github/workflows/pages.yaml

@@ -38,6 +38,7 @@ jobs:
       - name: Setup Pages
         uses: actions/configure-pages@v5
 
+      # https://turbo.build/repo/docs/guides/ci-vendors/github-actions
       - name: Cache turbo build setup
         uses: actions/cache@v4
         with:

apps/frontend/.env.development

@@ -1,2 +1,3 @@
+NEXT_PUBLIC_SITE_BASE_URL=http://localhost:8001
 NEXT_PUBLIC_SITE_TITLE=GabengarDev
 NEXT_PUBLIC_DEFAULT_LOG_LEVEL=log

apps/frontend/.env.production

@@ -1,2 +1,3 @@
+NEXT_PUBLIC_SITE_BASE_URL=https://gabengar.github.io/todos
 NEXT_PUBLIC_SITE_TITLE=Gabengar
 NEXT_PUBLIC_DEFAULT_LOG_LEVEL=warn

apps/frontend/next.config.mjs

@@ -0,0 +1,33 @@
+// @ts-check
+import nextEnv from "@next/env";
+
+const projectDir = process.cwd();
+nextEnv.loadEnvConfig(projectDir);
+
+/**
+ * @returns {Promise<import('next').NextConfig>}
+ */
+async function createNextConfig() {
+  const baseURL = process.env.NEXT_PUBLIC_SITE_BASE_URL;
+  const basePathname = !baseURL
+    ? undefined
+    : new URL(baseURL, "https://example.com").pathname;
+  const basePath =
+    !basePathname || basePathname === "/" ? undefined : basePathname;
+
+  /** @type {import('next').NextConfig} */
+  const nextConfig = {
+    basePath,
+    output: "export",
+    trailingSlash: true,
+    skipTrailingSlashRedirect: true,
+    distDir: "dist",
+    experimental: {
+      typedRoutes: true,
+    },
+  };
+
+  return nextConfig;
+}
+
+export default createNextConfig;

apps/frontend/package.json

@@ -13,8 +13,9 @@
     "codegen": "npm run build-codegen && cd ../../packages/codegen && npm start -- ../../apps/frontend/src/codegen/generators ../../apps/frontend/src/codegen/output && cd ../../apps/frontend && prettier --log-level=warn ./src/codegen/output --write"
   },
   "dependencies": {
-    "@repo/ui": "*",
     "@hyperjump/json-schema": "^1.8.0",
+    "@next/env": "^14.2.2",
+    "@repo/ui": "*",
     "ajv": "^8.12.0",
     "bcp-47": "^2.1.0",
     "clsx": "^2.1.0",

apps/frontend/src/lib/urls/internal-url.ts

@@ -0,0 +1 @@
+export class InternalURL extends URL {}

apps/frontend/tsconfig.json

@@ -75,7 +75,8 @@
     "next-env.d.ts",
     ".next/types/**/*.ts",
     "**/*.ts",
-    "**/*.tsx"
+    "**/*.tsx",
+    "dist/types/**/*.ts"
   ],
   "exclude": [
     "node_modules",