studio › 01_hero.tsx
shipsstring[]
shipsOnTimetrue
shipIt() => void
Surrey, BC — 49.19°N 122.85°W
Central City
Coding Studio
Coding Studio
A Surrey-based studio building fast, sharp websites, apps, and AI-powered products for businesses that hate slow, boring ones. Design and code under one roof — no handoffs, no telephone game.
studio › 02_about.md markdown — preview
About the studio
Central City Coding is a compact studio — engineering and design under one roof — shipping from Surrey, BC. Years of building for the web, a modest amount of obsession with performance, and a hard rule that every project gets the same treatment: built by hand, built to be fast, built to be maintained.
- Static-first architecture — pages load before your coffee hits the desk
- Real motion design — animation with purpose, reduced-motion respected
- AI where it earns its place — LLM features, chat, automation, integrations
- Design in-house — brand, logos, and UI from the same table as the code
- Honest recommendations — including "you don't need a CMS for that"
- Your repo, your hosting, your domain — you own everything
- Sleep schedule — in progress
$ git log --oneline --studio-history
a3f9c21feat: opened Central City Coding — accepting projects2026
c71d3b4feat: LLM integrations in production — chat, RAG, AI pipelines2024 →
8bd042efeat: shipped real-time 3D and R3F experiences to production2025
5c17aa9feat: full-stack product work — Node, TypeScript, React, APIs2021 →
2e88f10chore: a decade of client sites, e-commerce, and CMS builds2016 →
0000001init: wrote first HTML in Notepad. no going back.way back
studio › 03_capabilities.ts hover a card ↔ code highlights
123456789101112131415161718192021222324252627282930
// what gets built here export const capabilities = [ { name: "Websites", detail: "static-first, instant loads", stack: ["astro", "tailwind"], }, { name: "Web apps", detail: "auth, data, moving parts", stack: ["next", "react", "node"], }, { name: "AI integration", detail: "LLMs doing real work", stack: ["claude", "rag", "agents"], }, { name: "Interactive 3D", stack: ["three", "r3f", "glsl"], }, { name: "Brand & logos", stack: ["identity", "figma"], }, { name: "Content & CMS", stack: ["strapi", "payload", "md"], }, ] as const;
Websites
Marketing and brand sites, static-first. Instant loads, SEO out of the box, designs that don't exist anywhere else.
astrotailwindnetlify
Web apps
Dashboards, portals, products. Auth, data, APIs — builds with moving parts, made to be maintained.
next.jsreactnode
AI integration
LLM features that do real work — chat, RAG, agents, automation. Wired into your product, not bolted on.
claudeopenairagagents
Interactive 3D
WebGL and React Three Fiber when the brand deserves another dimension.
three.jsr3fglsl
Brand & logos
Identity, logos, and UI design in-house — so the brand and the build never drift apart.
identitylogosfigma
Content & CMS
Editable content wired to a CMS your team can actually use — or none at all, if you don't need one.
strapipayloadmarkdown
studio › 04_deploy.sh zsh — 80×24
➜ studio git commit -m "final tweaks (actually final)" ➜ studio npm run build building client (vite) ... ✓ 214 modules in 0.9s lighthouse: perf 100 · a11y 100 · seo 100 ➜ studio netlify deploy --prod ✓ deployed to production — 4.2s. site is live. → client reaction: "oh damn." ➜ studio
studio › 05_contact.ts fill the arguments, then execute
async function — always resolves