Eine Web App ist Software, die du über einen Browser nutzt – ohne sie zu installieren. Im Gegensatz zu einer einfachen Website, die nur Inhalte anzeigt, ist eine Web App interaktiv: Du loggst dich ein, gibst Daten ein, klickst Buttons, und die App reagiert. Beispiele: Gmail, Google Docs, Notion, Figma, Linear.
Technisch besteht jede Web App aus zwei Teilen: einem Frontend, das im Browser läuft (HTML, CSS, JavaScript – meist mit React oder Vue), und einem Backend, das auf einem Server arbeitet (Datenbank, Logik, APIs). Beide kommunizieren über Netzwerk-Aufrufe (meist REST oder GraphQL).
Wie funktioniert eine Web App?
Wenn du z. B. Notion öffnest, läuft folgendes ab:
- Browser lädt das Frontend-JavaScript von einem Server (z. B. Vercel)
- Frontend ruft das Backend, fragt: "Wer ist eingeloggt? Welche Notizen hat der Nutzer?"
- Backend prüft den Auth-Token, holt die Daten aus der Datenbank, sendet sie zurück
- Frontend rendert die Notizen, du kannst sie bearbeiten
- Bei jeder Änderung schickt das Frontend das Update ans Backend, das speichert es
Diese Architektur (Client-Server mit JSON-API) ist seit ~15 Jahren der Standard. Frameworks wie Next.js machen sie heute deutlich einfacher.
Wofür brauchst du eine Web App?
- Tools mit Login und Daten (Dashboards, CRMs, Task-Tracker)
- Marktplätze und Community-Plattformen
- B2B-SaaS-Produkte, die Firmen bezahlen
- Interaktive Rechner, Calculators und Wizards
- AI-Produkte, die ChatGPT- oder Claude-APIs nutzen
- Cross-Plattform-Apps, die auf Desktop und Mobile funktionieren, ohne dass du zwei Codebases pflegen musst
Vorteil gegenüber Mobile Apps: Du musst keinen App Store überzeugen, brauchst kein Apple-Developer-Konto und kannst jederzeit deployen.
Web App und VibeCoding
Web Apps sind der Sweet Spot für VibeCoding. Mit Claude Code generierst du in Minuten ein vollständiges Frontend (Next.js + Tailwind), verbindest es mit einer Supabase-Datenbank, baust ein Login dazu und deployst auf Vercel. Was früher ein Team von drei Entwicklern und vier Wochen brauchte, schaffst du allein an einem Wochenende.
Typischer VibeCoding-Stack für Web Apps:
- Frontend: Next.js + Tailwind CSS
- Auth + Datenbank: Supabase
- Hosting: Vercel
- Payments: Stripe
- KI-Co-Pilot: Claude Code
Du beschreibst Features in Sprache, Claude Code schreibt den Code, du committest und deployst.
Empfehlung
Wenn du heute eine Web App startest:
- Lerne die Grundlagen von Next.js (Reicht ein Wochenend-Tutorial)
- Setz Supabase für Auth und Datenbank ein – spart hunderte Stunden Backend
- Nimm Claude Code als KI-Pair-Programmer
- Deploye auf Vercel mit einem Klick aus GitHub