viqueen · viqueen · Mar 14, 2026 · Mar 14, 2026 · Mar 14, 2026 · Mar 14, 2026
diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
@@ -0,0 +1,44 @@
+name: Deploy to GitHub Pages
+
+on:
+  push:
+    branches: [main]
+
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+concurrency:
+  group: pages
+  cancel-in-progress: false
+
+jobs:
+  build:
+    runs-on: ubuntu-24.04
+    steps:
+      - uses: actions/checkout@v4
+
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 24
+          cache: npm
+
+      - run: npm ci
+
+      - name: Build
+        run: npm run build
+
+      - uses: actions/upload-pages-artifact@v3
+        with:
+          path: web/dist
+
+  deploy:
+    needs: build
+    runs-on: ubuntu-24.04
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    steps:
+      - id: deployment
+        uses: actions/deploy-pages@v4
diff --git a/web/index.html b/web/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Game Gallery</title>
+    <title>Vibe Coded</title>
 
     <!-- Favicon -->
     <link rel="icon" type="image/svg+xml" href="/labset-frosted-dark.svg" />
@@ -12,7 +12,7 @@
 
     <!-- Apple touch icon (home screen pin) -->
     <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
-    <meta name="apple-mobile-web-app-title" content="Game Gallery" />
+    <meta name="apple-mobile-web-app-title" content="Vibe Coded" />
     <meta name="mobile-web-app-capable" content="yes" />
     <meta
       name="apple-mobile-web-app-status-bar-style"

diff --git a/web/public/site.webmanifest b/web/public/site.webmanifest
@@ -1,6 +1,6 @@
 {
-  "name": "Game Gallery",
-  "short_name": "Games",
+  "name": "Vibe Coded",
+  "short_name": "Vibe Coded",
   "icons": [
     {
       "src": "/icon-192.png",

diff --git a/web/src/components/app-layout.tsx b/web/src/components/app-layout.tsx
@@ -10,7 +10,7 @@ export function AppLayout({ children }: AppLayoutProps) {
     <div className="min-h-svh bg-sidebar text-sidebar-foreground">
       <header className="sticky top-0 z-30 h-14 border-b border-sidebar-border bg-sidebar">
         <div className="mx-auto flex h-full max-w-5xl items-center justify-between px-4 sm:px-6">
-          <h1 className="text-lg font-semibold tracking-tight">Game Gallery</h1>
+          <h1 className="text-lg font-semibold tracking-tight">Vibe Coded</h1>
           <ThemeSwitcher />
         </div>
       </header>

diff --git a/web/src/main.tsx b/web/src/main.tsx
@@ -5,7 +5,7 @@ import { ThemeProvider } from "@/components/theme-provider";
 import { routeTree } from "./routeTree.gen";
 import "./index.css";
 
-const router = createRouter({ routeTree });
+const router = createRouter({ routeTree, basepath: "/vibe-coded" });
 
 declare module "@tanstack/react-router" {
   interface Register {

diff --git a/web/vite.config.ts b/web/vite.config.ts
@@ -1,12 +1,32 @@
+import fs from "fs";
 import path from "path";
-import { defineConfig } from "vite";
+import { defineConfig, type Plugin } from "vite";
 import react from "@vitejs/plugin-react";
 import tailwindcss from "@tailwindcss/vite";
 import { TanStackRouterVite } from "@tanstack/router-plugin/vite";
 
+function spaFallback(): Plugin {
+  return {
+    name: "spa-fallback",
+    closeBundle() {
+      const dist = path.resolve(__dirname, "dist");
+      fs.copyFileSync(
+        path.join(dist, "index.html"),
+        path.join(dist, "404.html"),
+      );
+    },
+  };
+}
+
 // https://vite.dev/config/
 export default defineConfig({
-  plugins: [TanStackRouterVite({ target: "react" }), react(), tailwindcss()],
+  base: "/vibe-coded/",
+  plugins: [
+    TanStackRouterVite({ target: "react" }),
+    react(),
+    tailwindcss(),
+    spaFallback(),
+  ],
   resolve: {
     alias: {
       "@": path.resolve(__dirname, "./src"),