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

Externe accounts aanmaken

De hoofdchecklist: welke externe diensten de kit kan gebruiken, wat elke dienst u oplevert en in welke volgorde u ze aanmaakt.

Vraag over deze handleiding
Openen in

U kunt bouwen voordat u koopt

Elke functie in deze kit draait eerst met een lokale vervanger — een ingebouwde adapter die de echte dienst nabootst zonder account. EMAIL_PROVIDER=local schrijft berichten naar een voorbeeldpagina in plaats van ze te versturen, AI_PROVIDER=fake geeft een deterministisch nepantwoord, BILLING_PROVIDER=local voltooit de checkout zonder betalingsprovider, JOB_PROVIDER=local zet achtergrondtaken in de wachtrij in het geheugen zonder ze uit te voeren, en CAPTCHA_PROVIDER=off houdt openbare formulieren open. De .env.example-configuratie wordt zo geleverd, dus de vijfminutentutorial vereist nul betaalde accounts.

Voeg pas een echt extern account toe wanneer u de functie uitrolt die het aandrijft: een database vóór echte login, een e-mailprovider voordat berichten inboxen moeten bereiken, een factureringsprovider voordat u geld in rekening brengt. Elke gids hieronder noemt de consolepagina, de te kopiëren waarden en waar u ze plakt.

De volledige accountchecklist

Deze tabel somt elke externe dienst op die een supastack-product nodig kan hebben. Sla elke rij over waarvan u de functie niet uitrolt — een web-only starter raakt de mobiele en desktoprijen nooit. De kolom Gids noemt het document dat die console klik voor klik doorloopt; de echte links staan bij Waar te beginnen onderaan deze pagina.

DienstWat het u oplevertNodig voorGids
Postgres-database (Supabase, Neon of Docker)Tabellen voor accounts, workspaces en dataEchte login en opgeslagen gegevensDatabase instellen
StripeKaartbetalingen en abonnementen op het webGeld innen in de webappStripe-betalingen toevoegen
Resend of Amazon SESTransactionele e-mailbezorgingLogincodes en ontvangstbewijzen in echte inboxenResend-e-mail toevoegen / Amazon SES voor e-mail instellen
Google Cloud OAuth-clientDe knop Doorgaan met GoogleGoogle-login aanbiedenGoogle-inloggen toevoegen
GitHub OAuth AppDe knop Doorgaan met GitHubGitHub-login aanbiedenGitHub-inloggen toevoegen
AI-providersleutel (OpenAI, Anthropic of OpenRouter)Echte modelantwoordenLive AI-taken in plaats van de nep-adapterDe resterende providersleutels verzamelen
Trigger.devBeheerde achtergrondtaakrunsAchtergrondwerk in productieDe resterende providersleutels verzamelen
S3-compatibele bucket (bijv. Cloudflare R2)Bestands- en objectopslagUploads en opgeslagen bestandenDe resterende providersleutels verzamelen
Sentry of PostHogFoutopsporing en productanalysesObservability in productieDe resterende providersleutels verzamelen
Cloudflare TurnstileSpamcontroles op openbare formulierenOpenbare registratie- en contactformulierenDe resterende providersleutels verzamelen
Domeinregistrar + DNSUw eigen domeinnaamEen openbaar https://yourdomain.com-adresDe resterende providersleutels verzamelen / Implementeren op Google Cloud
Hosting (Google Cloud Run of een VPS + Coolify)Een openbare HTTPS-URL voor de webappLive gaan voor echte gebruikersImplementeren op Google Cloud / Deploymentchecklist
Expo + EASCloudbuilds van de native appAlles voorbij de Expo Go-previewMobiele accounts aanmaken
Apple Developer ProgramiOS-ondertekening, App Store-indiening, Sign in with AppleiPhone-releases en Apple-loginMobiele accounts aanmaken / Apple-inloggen toevoegen
Google Play ConsoleDe Android-storevermeldingPlay Store-indieningMobiele accounts aanmaken
RevenueCatGeverifieerde native aankopen en herstellenAbonnementen verkopen binnen de appRevenueCat-aankopen instellen
Apple Developer ID + ondertekenings-CAOndertekende en genotariseerde desktop-installatieprogramma'sOpenbare desktopreleases zonder waarschuwingenDesktop-releaseaccounts aanmaken

Een verstandige aanmaakvolgorde

Maak accounts aan in de volgorde waarin functies online komen. Voor de meeste webproducten betekent dat: 1. Postgres-database, 2. transactionele e-mail, 3. Google- en/of GitHub-login, 4. facturering, 5. een AI-provider — daarna opslag, achtergrondjobs, observability en spambescherming zodra het product ze nodig heeft.

Hosting en een domein komen als laatste — een openbare URL is pas nuttig als er een werkende app is om naar te verwijzen. Mobiele accounts (Expo, Apple, Google Play, RevenueCat) en desktop-ondertekeningsaccounts worden pas belangrijk wanneer u die platforms bereikt; sla ze volledig over bij een web-only lancering.

Bewaar elk geheim — OAuth-clientsecrets, API-sleutels, webhook-ondertekeningssecrets en het wachtwoord in DATABASE_URL — in .env.local-bestanden of de geheimenbeheerder van uw host. Plaats ze nooit in NEXT_PUBLIC_- of EXPO_PUBLIC_-variabelen en commit ze nooit naar Git.

Waar te beginnen

De gedetailleerde gidsen hieronder lopen elke console klik voor klik door. Werk van boven naar beneden: de loginproviders, dan de account-walkthroughs voor betalingen, e-mail en de resterende providersleutels, dan de providersetupreferenties voor de diensten die uw product uitrolt, dan deployment; de platformaccountgidsen wanneer u mobiel of desktop bereikt.