01Platform

Buurbak

Een studentenstartup met een goed idee maar een onwerkbare codebase. Wij bouwden het van scratch opnieuw — beter, sneller, en klaar om te schalen.

beta.buurbak.nl
Buurbak homepage op desktop
Klant
Buurbak (studentenstartup)
Rol
Frontend Developer · Scrum Master · Designer
Jaar
2024
Duur
1 schooljaar
Het probleem

Buurbak had al een team developers gehad vóór wij instapten. Wat zij achterlieten was een half-afgemaakt platform zonder documentatie, zonder mobiele ondersteuning — de site toonde letterlijk "Not available on mobile" op elk klein scherm — en zonder enige structuur om verder op te bouwen. Samen met de eigenaar namen we een moeilijke maar duidelijke beslissing: alles weggooien en opnieuw beginnen.

Buurbak aanbod pagina met kaart op desktop
Buurbak aanbod pagina op mobiel
Aanpak

De eerste beslissing was de stack. Als studentenstartup had Buurbak een beperkt budget, dus we kozen bewust voor tools die gratis of goedkoop schalen: Next.js, TypeScript en Tailwind voor de frontend, Netlify voor hosting. Alles gedocumenteerd van dag één — de fout van het vorige team niet herhalen.

Als Scrum Master was mijn grootste uitdaging niet technisch maar menselijk. Een team van studenten gemotiveerd houden, voorkomen dat mensen vastlopen zonder ze alle antwoorden te geven, en ervoor zorgen dat iedereen eigenaarschap voelde over hun onderdeel. Ik leerde wanneer je moet ingrijpen en wanneer je iemand zijn eigen weg moet laten vinden.

De betalingsflow was het technisch meest kritieke onderdeel. Via Stripe verwerken we zowel de huurprijs als de borg — die automatisch wordt teruggestort zodra de huurder bewijst dat het aanhanger is ingeleverd. Veilig voor beide partijen, zonder handmatige tussenkomst.

Proces
01
Discovery & beslissing
Codebase review, gesprek met eigenaar, gezamenlijke beslissing om opnieuw te beginnen.
02
Stack & architectuur
Next.js, TypeScript, Tailwind, Netlify. Gedocumenteerd van dag één.
03
Design & component library
Figma designs, component library opgezet zodat het hele team consistent kon bouwen.
04
Bouwen & testen
Iteratief gebouwd per flow — upload, zoeken, huren, betalen. Lighthouse getest voor oplevering.
Technische keuzes
🔄
Rebuild from scratch

Het vorige team liet een React-codebase achter zonder TypeScript, zonder Next.js, zonder documentatie. We kozen voor een volledige herbouw in plaats van repareren — een moedige maar noodzakelijke beslissing die ons uiteindelijk tijd bespaarde.

Next.jsTypeScriptReact
💳
Stripe betalingen + borg

De borgflow was de complexste UI-uitdaging: huurder betaalt, eigenaar ontvangt na inlevering, borg wordt automatisch vrijgegeven. Stripe Checkout en webhooks zorgden voor een veilige afhandeling.

StripeWebhooksNext.js API
🚀
Schaalbare hosting op startup-budget

Netlify voor hosting, GitHub voor versiebeheer en samenwerking. Alles gratis tot significante schaal — bewuste keuze zodat de startup niet direct hoge serverkosten heeft bij launch.

NetlifyGitHubCI/CD
Resultaten
100
Lighthouse Performance
Gemeten op beta.buurbak.nl
96
Lighthouse Best Practices
Gemeten op beta.buurbak.nl
100
Lighthouse SEO
Gemeten op beta.buurbak.nl

"Luuk en zijn team hebben ons platform volledig nieuw leven ingeblazen. Waar we begonnen met een onwerkbare basis, hebben ze iets neergelegd waar we écht trots op zijn."

— Eigenaar, Buurbak

Een website opnieuw bouwen is makkelijker dan
een team opnieuw opbouwen.

💡

Documentatie is geen nice-to-have. Het vorige team liet niets achter. Wij schreven alles op — en dat maakte onboarding, samenwerking en debugging een stuk eenvoudiger.

🔍

Een goede Scrum Master helpt vóór mensen vastlopen, niet erna. Ik leerde het verschil tussen te vroeg helpen (waardoor mensen niks leren) en te laat helpen (waardoor mensen afhaken).

Technische keuzes zijn ook zakelijke keuzes. Stack, hosting, betalingsprovider — elke beslissing had een kostenplaatje. Dat bewustzijn neem ik mee naar elk volgend project.

Volgend project
YoungPWR