Sessia.
Een end-to-end platform.
Volledige merkidentiteit, productontwerp en typed Next.js-implementatie. Authenticatie, betalingen, dashboards en een marketingsite — als één geïntegreerd geheel, ontworpen en gebouwd vanaf nul.
De opdracht
Een platform bouwen voor sessie-gebaseerde dienstverlening — boekingen, betalingen, klantbeheer, programma's en rapportages — zonder gebruik te maken van off-the-shelf tools die niet helemaal pasten. De founder wilde één geïntegreerd product, met een eigen merk dat zou opvallen in een verzadigde markt.
Stack
| Laag | Tool |
|---|---|
| Framework | Next.js (App Router) |
| Taal | TypeScript |
| Database & Auth | Supabase (Postgres + Row Level Security) |
| Betalingen | Stripe Checkout + Customer Portal |
| Styling | Tailwind CSS + custom design system |
| Resend met React-emails | |
| Hosting | Vercel |
Sleutelmomenten
Schema-design
Drie weken vooraf besteed aan het Postgres-schema, vooral aan multitenancy via Row Level Security. Resultaat: één codebase, geen if-statements per workspace, hard-isolatie op DB-niveau.
Marketing-site én app, één codebase
Geen aparte WordPress voor marketing. / is de landingspagina, /app is de geauthenticeerde productruimte. SEO-optimalisatie en product-snelheid in dezelfde repo.
Stripe Connect-integratie
Voor de marketplace-laag — Stripe Connect met Express-accounts, sessies aan de host gekoppeld, payouts geautomatiseerd.
Resultaten
- Lighthouse 99/100/100/100 op alle marketing-routes.
- Time-to-first-byte < 200ms via Vercel edge.
- Eerste 50 betalende klanten binnen 8 weken na livegang.
- Eén persoon onderhoudt het hele product na overdracht.
Wat ik geleerd heb
Voor dit type platform is de keuze "marketing en app in één repo" doorslaggevend. Het betekent dat content-team en product-team dezelfde tooling gebruiken en dat veranderingen aan de pricing-pagina en aan het dashboard tegelijk live gaan. Geen sync-issues meer.