Naar inhoud gaan
supastack
Blader door de docs
WebNext.js

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/web/tech-stack.md (or send Accept: text/markdown).

Tech-stack

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

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/.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 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 16 met de App Router en React 19 server components.

TypeScript + Turborepo

TypeScript strict mode geldt voor de hele pnpm-workspace, en Turborepo coördineert builds.

Better Auth

Better Auth is de identity-engine; een Auth.js-engine is beschikbaar voor teams die daarop standaardiseren.

Drizzle + PostgreSQL

Persistentie loopt via de Drizzle-ORM op PostgreSQL — het schema en de helpers waar elke record doorheen stroomt.

Billing

Stripe-billing is de default, en een Lemon Squeezy-adapter is inbegrepen.

Trigger.dev

Achtergrondjobs draaien op Trigger.dev.

Transactionele e-mail

Transactionele e-mail wordt verzonden via Resend of AWS SES.

Sentry + PostHog

Observability loopt via Sentry en PostHog.

Expo

De Expo-mobiele app gebruikt dezelfde TypeScript-packages, dus contractwijzigingen typchecken in één keer tegen beide surfaces. Expo shippt voor iOS en Android.

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

Veelgestelde vragen

14 vragen

Wat is supastack?

supastack is een modulair fundament voor het bouwen van SaaS-producten met AI. Het brengt gemeenschappelijke infrastructuur samen zodat jij je kunt richten op productspecifieke functies.

Ondersteunt het web en mobiel?

Ja. supastack bevat Next.js- en Expo-apps als startpunten voor web- en mobiele ervaringen.

Welke authenticatie is inbegrepen?

Better Auth dekt e-mail/wachtwoord, OTP en sociale login. Persoonlijke workspaces worden bij het account geprovisioneerd zodat productrecords vanaf dag één afgebakend blijven.

Hoe ondersteunt het AI?

supastack bevat configureerbare multi-provider AI, usage-tracking, budgetten en versleutelde bring-your-own-key-ondersteuning.

Hoe worden abonnementen afgehandeld?

Voor producten op de kit vormen Stripe-billing, abonnementen en entitlements het fundament voor betaalde toegang. Providersecrets blijven server-only.

Waar leeft mijn productspecifieke code?

Productspecifieke functies blijven in een aparte codebase terwijl het product de fundamentmodules van supastack configureert en integreert.

Hoe werkt de prijs van supastack?

De kit is een eenmalige aankoop met lifetime updates: One Framework voor $249 (tijdelijke lanceringsprijs — $100 korting op de normale prijs van $349) of All Frameworks (Next.js, iOS, Android) voor $499 (tijdelijke lanceringsprijs — $100 korting op de normale prijs van $599), plus $75 per extra developer seat. Geen kit-abonnement. Checkout op deze site levert je licentiesleutel per e-mail, met repositorytoegang via een GitHub-uitnodiging.

Hoe bakens workspaces mijn data af?

Records van gebruikers worden afgebakend per workspaceId. Identiteit, entitlements, AI-gebruik, billing-events en auditentries blijven binnen de grens van de persoonlijke workspace.

Hoe werken achtergrondjobs?

Trigger.dev is de expliciete jobruntime. Het JobRunner-contract belooft alleen enqueue, status en cancel — workflowsemantiek blijft Trigger.dev-specifiek en expliciet.

Hoe verschilt e-mail van outreach?

Transactionele e-mail dekt productworkflows zoals voltooiingsnotices. Koude outreach en campagnes zijn productzaken buiten de e-mailmodule van deze kit.

Hoe werken mobiele aankopen?

Mobiel bevat native aankopen en herstel via RevenueCat, met toegang die je server verifieert. Configureer de winkelaccounts en rond apparaattests af vóór publicatie. Webfacturatie blijft afzonderlijk.

Waar leven de AI-providerkeys?

Bring-your-own-key-credentials zijn versleuteld en blijven server-only. Keys worden uit logs gefilterd; gebruik en budgetten blijven zichtbaar op workspaceniveau.

Welke betaalmethoden accepteert de checkout?

De door Stripe gehoste checkout accepteert kaarten en kan ook Alipay en WeChat Pay aanbieden zodra die wallets op het Stripe-account zijn geactiveerd — handig voor kopers in China. Wallet-autorisaties worden asynchroon bevestigd, dus de licentiepagina wordt bijgewerkt zodra de betaling is afgerond.

Kan ik een terugbetaling krijgen?

Zodra je toegang hebt gekregen tot de repository, is supastack voor altijd van jou en kan er dus geen terugbetaling plaatsvinden. Maar wees gerust: je krijgt de volledige broncode met levenslange updates om onbeperkt producten voor jezelf of je klanten te bouwen en te lanceren. Je mag de code alleen niet doorverkopen of de repository herdistribueren als starterkit of template.

NL
Thema