first-commit

apps/web/app/[[...slug]]/client-app.tsx

@@ -0,0 +1,17 @@
+'use client';
+
+import dynamic from 'next/dynamic';
+
+// The product is a fully client-driven SPA — every component reads
+// localStorage, window.location, etc. — so we opt out of static-time
+// rendering for the entire tree. This keeps `next build --output export`
+// from trying to evaluate browser-only code while still emitting a real
+// shell HTML the daemon can serve as the SPA fallback.
+const App = dynamic(() => import('../../src/App').then((m) => m.App), {
+  ssr: false,
+  loading: () => <div className="od-loading-shell">Loading Open Design…</div>,
+});
+
+export function ClientApp() {
+  return <App />;
+}

apps/web/app/[[...slug]]/page.tsx

@@ -0,0 +1,19 @@
+import { ClientApp } from './client-app';
+
+// The whole product is a client-driven SPA: project IDs and file paths are
+// unbounded user input, so we route every URL through this single optional
+// catch-all and let the existing client router (src/router.ts, which reads
+// window.location at runtime) decide what to render.
+//
+// For `output: 'export'` we return a single empty `slug` so Next.js emits
+// one shell HTML at out/index.html; the daemon's SPA fallback (see
+// apps/daemon/src/server.ts) serves it for any unknown non-API path so deep links
+// still hydrate to the right view. In dev we leave `dynamicParams` at its
+// default (true) so `next dev` happily renders /projects/<id> directly.
+export function generateStaticParams() {
+  return [{ slug: [] as string[] }];
+}
+
+export default function Page() {
+  return <ClientApp />;
+}