Astro
Snelle pagina’s, weinig JavaScript naar de browser en een ontwikkelervaring waarin AI-tools productief mee kunnen schrijven.
SERVICE · BUILD
Bouw van custom digitale producten — code die je zelf bezit.
Astro, Sanity, Supabase en Vercel. Een stack op open standaarden, een data-model dat past bij je werkelijkheid, en code waar je geen vendor-lock-in aan opbouwt.
De stack en waarom
Sanity
Structured content, schema-first en leesbaar genoeg om mee te versioneren. Het CMS hangt het model niet in de weg.
Supabase
Postgres als fundament, met genoeg ruimte voor relationele modellen en interne tooling zonder vendor-lock-in op data.
Vercel
Past bij Astro en monorepo’s, met preview-omgevingen per pull request en een deploy-laag die niet in de weg zit.
Vijf onderdelen van een Build-traject
Architectuur en stack-setup
Monorepo of single-repo, deploy-strategie, environment-management en secrets-beheer. De eerste week bepaalt veel van wat daarna goed of slecht gaat.
Implementatie van het design-system
Design-tokens naar code, component-library volgens jouw ontwerp en accessibility-baseline direct ingebakken.
Content-modellering en migratie
Sanity-schema’s, bestaande content migreren en audience- of segmentatie-logica in structured content vangen.
Integraties
APIs, webhooks, authenticatie en externe databronnen krijgen een stabiele laag ertussen zodat leverancier-wissel mogelijk blijft.
Performance, a11y en security
Core Web Vitals, WCAG AA, content-security-policies en rate-limiting zijn geen check-list achteraf maar ontwerpcriterium vanaf fase 02.
OPLEVERING · WAT ER OVERBLIJFT
Wat er overblijft als we klaar zijn
De code
Volledige broncode, je eigen repository en je eigen account. Nooit afhankelijk van ons om erbij te kunnen.
Het data-model
Gedocumenteerde schema’s, relationele tabellen waar nodig en de migratie-scripts waarmee je het model opnieuw kunt draaien.
De skill-set
AI-prompts met context, custom skills voor Claude Code en walkthroughs waarmee jouw team doorbouwt.
Het oplever-document
Een compacte overdracht van architectuur-keuzes, trade-offs en support-paden als er later iets verandert.
De meest ondergewaardeerde deliverable uit een Build-traject is vaak niet de site zelf, maar de skill-set waarmee jouw team daarna verder kan. Daarover schrijven we uitgebreider in de Academy.
VOORBEELD · BUILD-FIRST
Bell Comedy Club als launch-case.
Monorepo met Astro, één Sanity-bron, een sync-laag voor Eventbrite en drie publieken die uit één model worden gevoed.
De vorm van een Build-budget
Build-opdrachten worden per project gebudgetteerd, niet per uur. De variabelen zijn de complexiteit van het data-model, het aantal integraties en hoeveel van fase 05 — skill-delivery — je mee wilt nemen.
Een kleine marketing-site zit in een ander budget dan een multi-site platform met sync-laag. Dat zeggen we in het eerste gesprek eerlijk.
Build apart, of Design + Build samen?
Build als apart traject past als
Je ontwerp al klaar hebt en een team zoekt dat het netjes implementeert. We reviewen technische haalbaarheid, maar tekenen niet opnieuw.
Design + Build samen past als
Je de hele boog van merk-ontwerp tot oplevering bij één studio wil houden, zodat design, data-model en code één consistent object worden.