> ## Documentation Index
> Fetch the complete documentation index at: https://supastack.dev/llms.txt
> Use this file to discover all available pages before exploring further.
> For the full documentation corpus in one file, fetch: https://supastack.dev/llms-full.txt

# Tech-stack

De technologieën achter de kit en de rol die elk speelt.

## 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/.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.

[Installeer de tools en ontvang de code](https://supastack.dev/nl/docs/web/before-you-start.md)

[Leer opdrachten, bestanden en configuratie](https://supastack.dev/nl/docs/web/terminal-basics.md)

[Voltooi de eerste webtutorial](https://supastack.dev/nl/docs/web/ship-in-5-minutes.md)

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


## Applicatie-stack

De webapp is een Next.js-applicatie samengesteld uit gedeelde TypeScript-packages — dezelfde packages voeden de Expo-mobiele app. Product-chrome gebruikt CSS modules over design tokens, dus er is geen runtime CSS-in-JS om te debuggen, en objectopslag is S3-compatibel. De onderstaande tools zijn de bewuste defaults.


## Next.js + React

De webapp draait op [Next.js](https://nextjs.org) 16 met de App Router en [React](https://react.dev) 19 server components.

- [Next.js](https://nextjs.org)
- [React](https://react.dev)


## TypeScript + Turborepo

[TypeScript](https://www.typescriptlang.org) strict mode geldt voor de hele pnpm-workspace, en [Turborepo](https://turborepo.com) coördineert builds.

- [TypeScript](https://www.typescriptlang.org)
- [Turborepo](https://turborepo.com)


## Better Auth

[Better Auth](https://better-auth.com) is de identity-engine; een Auth.js-engine is beschikbaar voor teams die daarop standaardiseren.

- [Better Auth](https://better-auth.com)


## Drizzle + PostgreSQL

Persistentie loopt via de [Drizzle](https://orm.drizzle.team)-ORM op [PostgreSQL](https://www.postgresql.org) — het schema en de helpers waar elke record doorheen stroomt.

- [Drizzle](https://orm.drizzle.team)
- [PostgreSQL](https://www.postgresql.org)


## Billing

[Stripe](https://stripe.com)-billing is de default, en een [Lemon Squeezy](https://www.lemonsqueezy.com)-adapter is inbegrepen.

- [Stripe](https://stripe.com)
- [Lemon Squeezy](https://www.lemonsqueezy.com)


## Trigger.dev

Achtergrondjobs draaien op [Trigger.dev](https://trigger.dev).

- [Trigger.dev](https://trigger.dev)


## Transactionele e-mail

Transactionele e-mail wordt verzonden via [Resend](https://resend.com) of AWS SES.

- [Resend](https://resend.com)


## Sentry + PostHog

Observability loopt via [Sentry](https://sentry.io) en [PostHog](https://posthog.com).

- [Sentry](https://sentry.io)
- [PostHog](https://posthog.com)


## Expo

De [Expo](https://expo.dev)-mobiele app gebruikt dezelfde TypeScript-packages, dus contractwijzigingen typchecken in één keer tegen beide surfaces. Expo shippt voor iOS en Android.

- [Expo](https://expo.dev)


## Gedeelde modules

Elke dwarsdoorsnijende capaciteit leeft in een pakket met een klein contract: auth, db, billing, ai, jobs, email, storage, observability, config, i18n en api. De applicaties componeren ze; domeinlogica van het product blijft buiten de kit.

Elke provider-gestuurde module bevat een fake- of lokale adapter zodat de standaard test- en ontwikkelcyclus nooit een betaalde service aanroept.


## Verificatie-tooling

Vitest dekt unit- en integratiegedrag, Playwright dekt browserflows, en ESLint plus Prettier houden de code consistent. De deterministische suite draait zonder provider-credentials; acceptatie met echte providers is een aparte, optionele route.

```
corepack pnpm test          # deterministic unit + integration
corepack pnpm check         # lint, types, tests, format
corepack pnpm build         # production builds
corepack pnpm test:e2e      # browser flows
```


## Volgende

[Lokale setup](https://supastack.dev/nl/docs/web/local-setup.md)