Studio site for Bureau, an independent brand and digital studio for climate and deep tech companies. Jonas Ek and Mara Voss, Berlin.

Live: https://solid-studio-zeta.vercel.app

bun install
bun dev

bun run build
bun run preview

public/
├── robots.txt
└── sitemap.xml

src/
├── App.tsx              # Main page — hero, work, studio, approach, contact
├── index.tsx            # Entry point, router, Suspense, ErrorBoundary, MetaProvider
├── index.css            # Global styles & Tailwind
├── data/
│   └── projects.ts      # Project data, types, and getProjectBySlug()
└── pages/
    ├── ProjectPage.tsx  # Project detail — lazy loaded
    └── NotFound.tsx     # 404 — lazy loaded

• createSignal — local reactive state (time, scroll, menu, image load)
• createStore — section visibility map (flat keyed object)
• createMemo — derived values that only recompute when deps change
• createEffect — side effects (body overflow lock, slug → project resolution)
• onMount / onCleanup — event listeners with guaranteed cleanup
• batch — group multiple signal writes into a single render
• lazy — code-split ProjectPage and NotFound into separate chunks
• Suspense — handles lazy component loading at the router level
• ErrorBoundary — catches render errors app-wide, shows on-brand fallback
• Show / For — conditional and list rendering
• @solidjs/meta — MetaProvider, Title, Meta for per-page SEO

1. Projects — Edit src/data/projects.ts (slugs, copy, images, results)
2. Studio copy — Edit src/App.tsx (constants at top of file)
3. Styles — Edit src/index.css
4. SEO / meta — Update URLs in index.html and public/sitemap.xml

MIT