feat: remove Nitro and add custom service worker

Author: scriptcoded

.dockerignore

@@ -0,0 +1,6 @@
+node_modules
+dist
+.nitro
+.output
+.env
+.env.*

.env.example

@@ -1,15 +1,15 @@
-NITRO_PUBLIC_TOLGEE_BACKEND_FETCH_PREFIX=https://j26-translations.jamboree.se/dbc78bc1f5f74fadae0a49abfe745c57
+J26_PUBLIC_TOLGEE_BACKEND_FETCH_PREFIX=https://j26-translations.jamboree.se/dbc78bc1f5f74fadae0a49abfe745c57
 # The following three variables are used only in development environment
-NITRO_PUBLIC_TOLGEE_API_URL=https://j26-tolgee.nihlen.dev
-NITRO_PUBLIC_TOLGEE_API_KEY=<replace-with-your-personal-access-token>
-NITRO_PUBLIC_TOLGEE_PROJECT_ID=2
+J26_PUBLIC_TOLGEE_API_URL=https://j26-tolgee.nihlen.dev
+J26_PUBLIC_TOLGEE_API_KEY=<replace-with-your-personal-access-token>
+J26_PUBLIC_TOLGEE_PROJECT_ID=2
 
-NITRO_PUBLIC_APP_CONFIGS=/app-config.json,/another-config.json,/_services/booking/api/app-config.json
-NITRO_PUBLIC_BOTTOM_NAV_ITEMS=page_my_schedule,page_all_activities,page_map,page_more
-NITRO_PUBLIC_ADDITIONAL_ROOT_PATHS=/notifs
+J26_PUBLIC_APP_CONFIGS=/app-config.json,/another-config.json,/_services/booking/api/app-config.json
+J26_PUBLIC_BOTTOM_NAV_ITEMS=page_my_schedule,page_all_activities,page_map,page_more
+J26_PUBLIC_ADDITIONAL_ROOT_PATHS=/notifs
 
-NITRO_PUBLIC_NOTIFICATIONS_TENANT=jamboree26
+J26_PUBLIC_NOTIFICATIONS_TENANT=jamboree26
 
-# NITRO_PUBLIC_DEV_BANNER_MESSAGE="This message will be shown in a banner on top of the app."
-NITRO_PUBLIC_PAYLOAD_API_URL=http://localhost:1337/api
-NITRO_PUBLIC_PAYLOAD_LOCALES=sv,en
+# J26_PUBLIC_DEV_BANNER_MESSAGE="This message will be shown in a banner on top of the app."
+J26_PUBLIC_PAYLOAD_API_URL=http://localhost:1337/api
+J26_PUBLIC_PAYLOAD_LOCALES=sv,en

.gitignore

@@ -12,7 +12,6 @@ dist
 dist-ssr
 dev-dist
 *.local
-.output
 
 # Editor directories and files
 .vscode/*
@@ -30,6 +29,3 @@ dev-dist
 .env
 .env.*
 !.env.example
-
-public/workbox-*.js
-public/sw.js

CLAUDE.md

@@ -6,19 +6,19 @@ This file provides guidance to Claude Code (claude.ai/code) when working with co
 
 ```bash
 # Development
-bun dev              # Start dev server (Vite + Nitro)
+pnpm run dev          # Start dev server (Vite)
 
 # Build
-bun run build        # Full production build
+pnpm run build        # Full production build
 
 # Lint & Format (Biome)
-bun run lint         # Check linting
-bun run format       # Check formatting
-bun run biome check  # Lint + format check
-bun run biome check --write  # Auto-fix
+pnpm run lint         # Check linting
+pnpm run format       # Check formatting
+pnpm run biome check  # Lint + format check
+pnpm run biome check --write  # Auto-fix
 
 # Type checking
-bun run typecheck    # Run tsc --noEmit
+pnpm run typecheck    # Run tsc --noEmit
 ```
 
 There are no tests in this project.
@@ -33,11 +33,11 @@ Sub-apps are served at `/_services/<appname>` in production. The shell navigates
 
 ### Dynamic Route Configuration
 
-Navigation items are not hardcoded — they are loaded at runtime from URLs listed in the `NITRO_PUBLIC_APP_CONFIGS` env var. Each config URL returns a JSON object validated with ArkType schemas (`src/dynamic-routes/app-config.ts`). Configs are parsed and merged in `src/dynamic-routes/dynamic-routes.ts`, then provided via React context (`src/dynamic-routes/dynamic-routes-context.tsx`). Bottom nav items are filtered to the IDs listed in `NITRO_PUBLIC_BOTTOM_NAV_ITEMS`.
+Navigation items are not hardcoded — they are loaded at runtime from URLs listed in the `J26_PUBLIC_APP_CONFIGS` env var. Each config URL returns a JSON object validated with ArkType schemas (`src/dynamic-routes/app-config.ts`). Configs are parsed and merged in `src/dynamic-routes/dynamic-routes.ts`, then provided via React context (`src/dynamic-routes/dynamic-routes-context.tsx`). Bottom nav items are filtered to the IDs listed in `J26_PUBLIC_BOTTOM_NAV_ITEMS`.
 
 ### Runtime Config
 
-The Nitro server exposes a `/api/config` endpoint (`server/routes/api/config.ts`) that reads `NITRO_PUBLIC_*` environment variables and returns them as JSON. The frontend loads this on startup (`src/config.tsx`) and makes the config available globally.
+The frontend fetches `/config.json` on startup (`src/config.tsx`) and makes the config available globally. In dev, the `runtimeConfigPlugin` in `vite.config.ts` serves this from `J26_PUBLIC_*` env vars. In production, `docker/entrypoint.sh` generates the file before nginx starts.
 
 ### Authentication
 
@@ -64,17 +64,25 @@ Tolgee (`src/tolgee.tsx`) with backend fetch. Two namespaces: `app` (UI strings)
 | Icons | Tabler Icons (dynamically imported, `src/icons/icons.tsx`) |
 | Validation | ArkType |
 | HTTP | `openapi-fetch` |
-| Build | Vite + Rolldown + Nitro |
+| Build | Vite + Rolldown |
 | Lint/Format | Biome |
 
 ### Key Environment Variables
 
+All runtime config vars use the `J26_PUBLIC_` prefix (e.g. `J26_PUBLIC_APP_CONFIGS`). The prefix is stripped and the remainder converted to camelCase when served as `/config.json`.
+
 ```
-NITRO_PUBLIC_APP_CONFIGS               # Comma-separated URLs to app config JSONs
-NITRO_PUBLIC_BOTTOM_NAV_ITEMS          # Comma-separated page IDs for bottom nav
-NITRO_PUBLIC_TOLGEE_BACKEND_FETCH_PREFIX  # Translation CDN prefix
-NITRO_PUBLIC_NOTIFICATIONS_TENANT      # Notifications service tenant
-NITRO_PUBLIC_DEV_BANNER_MESSAGE        # Optional dev mode banner text
+J26_PUBLIC_APP_CONFIGS                    # Comma-separated URLs to app config JSONs
+J26_PUBLIC_BOTTOM_NAV_ITEMS               # Comma-separated page IDs for bottom nav
+J26_PUBLIC_TOLGEE_BACKEND_FETCH_PREFIX    # Translation CDN prefix
+J26_PUBLIC_NOTIFICATIONS_TENANT           # Notifications service tenant
+J26_PUBLIC_DEV_BANNER_MESSAGE             # Optional dev mode banner text
+J26_PUBLIC_TOLGEE_API_URL                 # Tolgee API URL (dev only)
+J26_PUBLIC_TOLGEE_API_KEY                 # Tolgee API key (dev only)
+J26_PUBLIC_TOLGEE_PROJECT_ID              # Tolgee project ID (dev only)
+J26_PUBLIC_ADDITIONAL_ROOT_PATHS          # Comma-separated extra root paths
+J26_PUBLIC_PAYLOAD_API_URL                # Payload CMS API URL
+J26_PUBLIC_PAYLOAD_LOCALES                # Comma-separated supported locales
 ```
 
-Dev proxies (defined in `vite.config.ts`) forward `/auth/**`, `/notifications/**`, and `/_services/signupinfo/**` to `https://app.dev.j26.se/`.
+In dev, these are read from `.env` by the `runtimeConfigPlugin` in `vite.config.ts` and served at `/config.json`. In production, `docker/entrypoint.sh` uses `jq` to write `/config.json` from the container environment before nginx starts.

Dockerfile

@@ -14,14 +14,13 @@ FROM base AS builder
 WORKDIR /app
 COPY --from=deps /app/node_modules ./node_modules
 COPY . .
-RUN pnpm run build && pnpm prune --prod
+RUN pnpm run build
 
-FROM node:24-alpine AS runner
-WORKDIR /app
-RUN addgroup --system --gid 1001 nodejs
-RUN adduser --system --uid 1001 nitro
-COPY --from=builder /app .
-USER nitro
-EXPOSE 3000
-ENV PORT 3000
-CMD ["npm", "run", "start"]
+FROM nginx:alpine AS runner
+RUN apk add --no-cache jq
+COPY --from=builder /app/dist /usr/share/nginx/html
+COPY docker/nginx.conf /etc/nginx/conf.d/default.conf
+COPY docker/entrypoint.sh /entrypoint.sh
+RUN chmod +x /entrypoint.sh
+EXPOSE 80
+ENTRYPOINT ["/entrypoint.sh"]

docker/entrypoint.sh

@@ -0,0 +1,12 @@
+#!/bin/sh
+set -e
+
+jq -n 'env | to_entries
+  | map(select(.key | startswith("J26_PUBLIC_")))
+  | map({
+      key: (.key[11:] | ascii_downcase | gsub("_(?<c>.)"; "\(.c | ascii_upcase)")),
+      value: .value
+    })
+  | from_entries' > /usr/share/nginx/html/config.json
+
+exec nginx -g "daemon off;"

docker/nginx.conf

@@ -0,0 +1,13 @@
+server {
+    listen 80;
+    root /usr/share/nginx/html;
+    index index.html;
+
+    location / {
+        try_files $uri $uri/ /index.html;
+    }
+
+    location = /config.json {
+        add_header Cache-Control "no-store";
+    }
+}

index.html

@@ -13,6 +13,10 @@
     <link rel="icon" type="image/svg+xml" href="/favicon.svg" media="(prefers-color-scheme: light)" />
     <link rel="shortcut icon" href="/favicon.ico" media="(prefers-color-scheme: light)" />
 
+    <!-- For Tabler Icons -->
+    <link rel="dns-prefetch" href="https://cdn.jsdelivr.net">
+    <link rel="preconnect" crossorigin="anonymous" href="https://cdn.jsdelivr.net">
+
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
     <title>j26-app</title>
     <script src="/auth/static/refresh.js" defer></script>

package.json

@@ -6,7 +6,6 @@
   "scripts": {
     "dev": "vite",
     "build": "tsc -b && vite build",
-    "start": "node .output/server/index.mjs",
     "preview": "vite preview",
     "lint": "biome check",
     "lint:fix": "biome check --write",
@@ -35,7 +34,6 @@
     "firebase": "^12.11.0",
     "jotai": "^2.18.1",
     "motion": "^12.38.0",
-    "nitro": "3.0.260311-beta",
     "openapi-fetch": "^0.17.0",
     "react": "^19.2.4",
     "react-dom": "^19.2.4",
@@ -58,6 +56,11 @@
     "typescript": "~5.9.3",
     "vite": "npm:rolldown-vite@7.3.1",
     "vite-plugin-pwa": "^1.2.0",
+    "workbox-cacheable-response": "^7.4.0",
+    "workbox-expiration": "^7.4.0",
+    "workbox-precaching": "^7.4.0",
+    "workbox-routing": "^7.4.0",
+    "workbox-strategies": "^7.4.0",
     "workbox-window": "^7.4.0"
   }
 }