Capstone-Projekt

PromptPad · deine Roadmap

Deine private Prompt-Bibliothek. Speichern, taggen, suchen — und endlich alle Claude-Prompts wiederfinden.

Während du den Kurs durchgehst, baust du Schritt für Schritt PromptPad. Jeder Schritt unten gehört zu einer Lektion. Am Ende hast du eine echte App auf deiner eigenen Vercel-Subdomain.

Schritt01

Modul 0 · Mental Model & Setup

Repo aufsetzen

Klone das Next.js-Starter-Template und nenne dein Projekt promptpad. Push auf GitHub. Erstes Hello-World deploy auf Vercel — du bist live.

→ zur Lektion

Schritt02

Modul 1 · Projekt-Architektur als Spec

Erstes Feature-File schreiben

Schreib mit Claude die Spec für PROJ-1: Prompt-Liste mit Title, Tags, Suche. Welche Felder hat ein Prompt? Was kann der User? Acceptance-Criteria sauber formulieren.

→ Vollzugang freischalten

Schritt03

Modul 1 · Projekt-Architektur als Spec

Feature-Roadmap anlegen

Lege ein vollständiges features/-Verzeichnis an: PROJ-1 List, PROJ-2 Add, PROJ-3 Search, PROJ-4 Tags, PROJ-5 Export. Jedes File mit Spec + Dependencies + Acceptance-Criteria.

→ Vollzugang freischalten

Schritt04

Modul 2 · Agent-Orchestrierung mit Claude Code

Eigenen Skill bauen

Baue einen prompt-formatter-Skill, der beim Speichern Whitespace und Code-Fences aufräumt. Du wirst ihn später in PromptPad nutzen — aber er hilft jetzt schon im Coding-Workflow.

→ Vollzugang freischalten

Schritt05

Modul 3 · Entwicklungsworkflow End-to-End

Frontend-Skelett bauen

Baue die List-Page als Server Component mit Stub-Daten: Tabelle mit Title, Tags, Copy-Button. Add-Form als Server Action. shadcn/ui für die UI-Komponenten.

→ Vollzugang freischalten

Schritt06

Modul 3 · Entwicklungsworkflow End-to-End

Datenbank + Auth verdrahten

Erstelle die prompts-Tabelle in Supabase (id, user_id, title, content, tags[], created_at). RLS so, dass User nur eigene Prompts sieht. Verbinde Frontend per Supabase-Client.

→ Vollzugang freischalten

Schritt07

Modul 4 · Production-Readiness

CI + Auto-Deploy einrichten

GitHub Actions für Lint + Typecheck + Build bei jedem Push. Vercel-Auto-Deploy von main. Branch-Protection: kein Direct-Push auf main, alle PRs müssen grün sein.

→ Vollzugang freischalten

Schritt08

Modul 7 · Capstone & Weiterlernen

Production-Launch

Deploye PromptPad auf eine eigene Vercel-Subdomain (z.B. promptpad.dein-name.vercel.app). README mit Stack-Wahl, Setup, Screenshots. Du hast eine echte App.

→ Vollzugang freischalten

Am Ende des Kurses

Du hast PromptPad live deployed

Eine echte App auf deiner eigenen Domain, mit Auth, Datenbank, CI/CD, Tests und DSGVO-Check. Im Portfolio zeigbar, im Job-Talk verteidigbar — kein Tutorial-Hello-World.