<CASE_10> WEBSHOP

Een run club, een webshop en een ledenadministratie in één.

Een platform waar hardlopers lid worden, betalen en shoppen, met Stripe voor de memberships, Shopify voor de shop en Supabase als fundament eronder.

Bekijk live site vousrunning.com
vousrunning.com
Screenshot van de VOUS-website: een run club en lifestyle-merk met chroom-achtige hero
<THE_CHALLENGE>

De uitdaging.

VOUS is een run club én een lifestyle-merk. Dat betekent twee dingen tegelijk: een community waar mensen lid van worden en voor betalen, en een webshop waar ze kleding kopen. Twee verschillende systemen, één merkervaring.

Het platform draaide bovendien op een gehuurd fundament: een beheerde omgeving van een derde partij. Dat werkt tot het moment dat je eigen keuzes wilt maken over data, e-mail en kosten. Wij hebben het losgemaakt en onder eigen beheer gezet.

<WHAT_WE_BUILT>

Wat we bouwden.

Eén front-end die drie systemen aan elkaar knoopt zonder dat de bezoeker er iets van merkt.

35.01

Memberships via Stripe

Lid worden, betalen en verlengen loopt via Stripe. De ledenstatus komt terug in de app, dus wat je ziet hangt af van of je lid bent.

35.02

Webshop via Shopify

De shop draait op de Shopify Storefront API: winkelwagen en checkout zijn Shopify, de vormgeving is volledig VOUS.

35.03

Supabase als fundament

Database, authenticatie en edge functions in één omgeving, sinds de migratie op een eigen project en niet op een gehuurd account.

35.04

E-mail met een wachtrij

Transactionele mail via Resend, met een wachtrij en een cron die hem leegt. Een mail die niet meteen lukt, gaat niet verloren.

REACT / VITESUPABASESTRIPESHOPIFY STOREFRONTRESEND
<APPROACH> · BOUW. BREEK. MEET.

Onze aanpak.

01

Bouw.

React-app met Supabase eronder, Stripe voor memberships en de Shopify Storefront API voor de shop, plus een eigen e-mailwachtrij.

02

Breek.

De migratie naar een eigen Supabase-project is de echte test geweest: rollen, rechten en de mailcron nagelopen tot alles ook zonder de oude omgeving draait.

03

Meet.

Betaling gelukt of niet, mail verstuurd of niet, rol toegekend of niet. Alle drie zijn ze in de data terug te zien.

<PROJECT.START>

Test tot het klopt.

Wil je zoiets voor je eigen merk? Vertel ons wat je wilt bouwen; wij zetten er een meetbare eerste versie omheen.

DIRECT · hallo@lab-35.com