Modul 0 · Mental Model & SetupT2Gratis20 Min Lesedauer

Dein Tech-Stack-Entscheidungs-Framework

Wie du Tools auswählst, ohne in jeder Hype-Welle mitzuschwimmen.

In dieser Lektion:Next.jsReactSupabaseVercelStripeClaude

Ein neuer Stack pro Quartal ist die Berufskrankheit unserer Branche. Man kann sich verlieben — und dann ist die Library tot, die Firma gepivotet, die DSGVO-Zertifizierung wieder weg. Ein Framework hilft: ein paar nüchterne Fragen, die du jedes Mal stellst, statt deinem Bauchgefühl alleine zu vertrauen.

Der Default-Stack des Kurses

Damit du nicht bei null entscheiden musst, hier der Stack, den wir im Kurs durchgehend verwenden — mit Alternativen, falls du anders willst.

SchichtDefaultSinnvolle Alternativen
FrontendNext.js Next.js 16 (App Router)Remix / React Router 7, Astro, SvelteKit
SpracheTypeScript TypeScript strictNur bei Legacy etwas Lockereres
StylingTailwind Tailwind v4 + shadcn/uiCSS Modules, Vanilla Extract, Panda CSS
UI-PrimitivesRadix UI (über shadcn)Headless UI, Ark UI
DB + AuthSupabase (Postgres + Auth)Neon + Clerk, Firebase, Turso
DeploymentVercel (Region fra1)Cloudflare Pages, Netlify, Self-Hosted
PaymentsStripePaddle (Merchant of Record nimmt USt/VAT ab), LemonSqueezy
AnalyticsPlausible oder PostHogMatomo self-hosted
Error-TrackingSentry (EU-Instanz)Bugsnag
EmailResendPostmark, Amazon SES

Diese Auswahl ist nicht „die beste" — sie ist eine, die für deutsche Solo- und Small-Team-Builds gut funktioniert: DSGVO-konform, dokumentiert, Claude Code kennt sie.

Vier Heuristiken, die deine Wahl objektivieren

1. Ökosystem-Größe. Je mehr Stack-Overflow-Antworten, GitHub-Issues und Tutorials existieren, desto besser kennt Claude Code den Stack. Eine exotische Library hat oft das gleiche Problem wie ein neuer Junior: niemand weiß, wie man damit umgeht.

2. DSGVO-Freundlichkeit. Drei Fragen reichen für eine erste Einschätzung:

  • Gibt es eine EU-Region (oder Auswahl-Möglichkeit)?
  • Ist ein Auftragsverarbeitungsvertrag (AVV / DPA) verfügbar — möglichst signiert online ohne Anwalts-Pingpong?
  • Sind Daten-Subprozessoren transparent dokumentiert?

Wenn auch nur eine Antwort „nein" ist, kostet dich der Stack später Nerven oder Anwaltskosten.

3. Preis-Skalierung. Was kostet der Stack bei 10 Nutzer:innen, bei 1.000, bei 100.000? Eine Provider, der bei 100 Nutzer:innen explodiert, ist nicht der richtige für ein wachsendes Produkt. Rechne immer drei Größenordnungen mit.

4. Vendor-Lock-in. Wie schwer wäre der Wechsel? Postgres → Postgres ist trivial. Firestore → Postgres ist ein Refactoring-Inferno. Lock-in ist nicht per se schlimm, aber sollte eine bewusste Entscheidung sein.

Zwei Beispiele, wie das Framework greift

Stripe vs. Paddle: Stripe ist günstiger pro Transaktion und granularer. Paddle ist Merchant-of-Record — sie kümmern sich um Umsatzsteuer und VAT in 50+ Ländern. Für einen deutschen Solo-Founder mit internationalem Publikum spart Paddle locker 20–40 Stunden Buchhaltung pro Jahr. Heuristik 3 (Preis-Skalierung) sagt vielleicht „Stripe", Heuristik 4 (Lock-in: Schwierigkeit, Steuern später nachzubauen) sagt vielleicht „Paddle".

Vercel vs. Cloudflare Pages: Beide hosten Next.js. Vercel hat tiefe Next.js-Integration und EU-Region. Cloudflare ist günstiger und global verteilt. Für ein DSGVO-relevantes Projekt mit hauptsächlich europäischen Nutzer:innen gewinnt Vercel mit fra1. Für ein globales statisches Projekt ohne PII gewinnt Cloudflare.