Naar inhoud gaan
supastack
Blader door de docs
WebTanStack Start

For AI agents: fetch the complete documentation index at /llms.txt, the full documentation corpus at /llms-full.txt, the agent skill at /skill.md, or this page as Markdown at /nl/docs/tanstack/onboarding.md (or send Accept: text/markdown).

Onboardingflow

Het gated pad van sign-up naar een actieve workspace en plan.

Vraag over deze handleiding
Openen in

Voordat je begint

Open uw gedownloade supastack-project in Visual Studio Code met behulp van Bestand → Map openen en kies vervolgens Terminal → Nieuwe terminal. De root van de repository is de map met package.json, apps en pakketten. Voer daar de onderstaande opdracht uit en laat de terminal open. Als een opdracht niet wordt herkend, voltooi dan de installatiehandleiding van het hulpprogramma voordat u verdergaat.

Lees eerst de platformtutorial. Een server is het app-proces dat browser- of telefoonverzoeken beantwoordt. Web leest apps/web-tanstack/.env.local, Expo leest apps/mobile/.env.local en opdrachten voor databasemigratie lezen root .env. De demonstratie zonder database/dashboard staat los van echte/auth-accounts, waarvoor Postgres moet worden gemigreerd. Voor een telefoon- of desktop-afrekening is een afzonderlijk draaiende web-backend nodig.

corepack pnpm --filter @supastack/web-tanstack dev

Setup en configuratie

Na sign-up duwen onboarding-gates de gebruiker door workspace-setup vóór productwerk: /onboarding, /new-organization, /select-organization en /choose-plan. De organization-onboardingmodule beslist welke stap van toepassing is op basis van de huidige status van het lid.

De flow is hervatbaar — elke gate leidt de juiste stap server-side opnieuw af, dus een gebruiker die halverwege weggaat landt bij terugkeer op het juiste scherm.

/onboarding            entry gate
/new-organization     create a team workspace
/select-organization  pick an existing one
/choose-plan          plan selection before billing
/invite/[token]       invited members join here

Implementatieworkflow

Behandel elke stap als een gate, geen wizardpagina — de server evalueert de status en redirect naar de volgende vereiste stap. Uitgenodigde leden slaan het aanmaken over en landen op accept-invite.

Wanneer je een productgate toevoegt — een verplicht profielveld, een voorwaarden-acknowledgement — breid dan de onboarding-evaluatie uit in plaats van redirects door layouts te verspreiden.

Verificatie en probleemoplossing

Test een vers account door elke stap, een terugkerende gebruiker halverwege de flow, een uitgenodigd lid en een lid van meerdere organisaties. Verifieer dat geen stap de app-shell rendert voordat zijn gate slaagt.