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

Die Technologien hinter dem Kit und die Rolle jeder einzelnen.

## Bevor Sie beginnen

Öffnen Sie Ihr heruntergeladenes Supastack-Projekt in Visual Studio Code über Datei → Ordner öffnen und wählen Sie dann Terminal → Neues Terminal. Das Repository-Stammverzeichnis ist der Ordner, der package.json, Apps und Pakete enthält. Führen Sie dort den Befehl unten aus und lassen Sie das Terminal geöffnet. Wenn ein Befehl nicht erkannt wird, lesen Sie die Installationsanleitung für das Tool durch, bevor Sie fortfahren.

Lesen Sie zuerst das Plattform-Tutorial. Ein Server ist der App-Prozess, der Browser- oder Telefonanfragen beantwortet. Web liest apps/web/.env.local, Expo liest apps/mobile/.env.local und Datenbankmigrationsbefehle lesen root .env. Die Demonstration ohne Datenbank /Dashboard ist getrennt von echten /Auth-Konten, die migriert werden müssen Postgres. Für eine reine Telefon- oder Desktop-Kaufabwicklung ist ein separat ausgeführtes Web-Backend erforderlich.

[Installieren Sie die Tools und erhalten Sie den Code](https://supastack.dev/de/docs/web/before-you-start.md)

[Befehle, Dateien und Konfiguration lernen](https://supastack.dev/de/docs/web/terminal-basics.md)

[Schließen Sie das Web-Tutorial zur ersten Ausführung ab](https://supastack.dev/de/docs/web/ship-in-5-minutes.md)

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


## Anwendungs-Stack

Die Web-App ist eine Next.js-Anwendung aus gemeinsamen TypeScript-Paketen — dieselben Pakete speisen die Expo-Mobile-App. Produkt-Chrome nutzt CSS Modules über Design-Tokens, es gibt also kein Runtime-CSS-in-JS zu debuggen, und der Objektspeicher ist S3-kompatibel. Die folgenden Tools sind die bewussten Defaults.


## Next.js + React

Die Web-App läuft auf [Next.js](https://nextjs.org) 16 mit dem App Router und [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 gilt im gesamten pnpm-Workspace, und [Turborepo](https://turborepo.com) koordiniert Builds.

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


## Better Auth

[Better Auth](https://better-auth.com) ist die Identitäts-Engine; eine Auth.js-Engine steht für Teams bereit, die darauf standardisieren.

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


## Drizzle + PostgreSQL

Persistenz läuft über das [Drizzle](https://orm.drizzle.team)-ORM auf [PostgreSQL](https://www.postgresql.org) — das Schema und die Helfer, durch die jeder Datensatz fließt.

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


## Abrechnung

[Stripe](https://stripe.com)-Abrechnung ist der Standard, und ein [Lemon Squeezy](https://www.lemonsqueezy.com)-Adapter ist enthalten.

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


## Trigger.dev

Hintergrundjobs laufen über [Trigger.dev](https://trigger.dev).

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


## Transaktions-E-Mail

Transaktions-E-Mails werden über [Resend](https://resend.com) oder AWS SES versendet.

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


## Sentry + PostHog

Observability läuft über [Sentry](https://sentry.io) und [PostHog](https://posthog.com).

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


## Expo

Die [Expo](https://expo.dev)-Mobile-App nutzt dieselben TypeScript-Pakete, sodass Vertragsänderungen gegen beide Oberflächen gleichzeitig typgeprüft werden. Expo liefert Builds für iOS und Android.

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


## Geteilte Module

Jede querschnittliche Fähigkeit lebt in einem Paket mit kleinem Vertrag: auth, db, billing, ai, jobs, email, storage, observability, config, i18n und api. Anwendungen komponieren sie; Produkt-Domänenlogik bleibt außerhalb des Kits.

Jedes anbietergebundene Modul bringt einen Fake- oder Local-Adapter mit, damit die Standard-Test- und Entwicklungsschleife nie einen kostenpflichtigen Dienst aufruft.


## Verifizierungs-Tooling

Vitest deckt Unit- und Integrationsverhalten ab, Playwright Browser-Abläufe, und ESLint plus Prettier halten den Code konsistent. Die deterministische Suite läuft ohne Anbieter-Credentials; echte Anbieter-Akzeptanz ist ein separat abgesicherter Pfad.

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


## Weiter

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