🗺️ Roadmap

9 Phasen von der leeren Seite bis zur vollständigen Plattform · Phase anklicken zum Aufklappen

✅
Phase 0 · Juni 2026
Fundament & Live-Deploy
Next.js-Projekt, alle Seiten, SEO, Branding, Sicherheit, GitHub, Cloudflare
✅ Abgeschlossen ▶
Das Fundament steht: Webseite live, sicher, SEO-optimiert, bei jedem Git-Push automatisch aktualisiert.
  • ✓
    Next.js 14 + TypeScript + Tailwind CSS
    App Router, statischer Export, Markenfarben konfiguriert
    Tech
  • ✓
    Alle 9 Seiten angelegt
    Start, Über mich, Coaching, Community, Analyse, Marktplatz, Events, YouTube, Kontakt + 404
    Tech
  • ✓
    SEO komplett
    Meta-Tags, Canonical URLs, Sitemap.xml, Robots.txt, OpenGraph-Bilder, JSON-LD
    SEO
  • ✓
    Branding & Favicon
    Herz-Logo im Gradient, Web-App-Manifest, Theme-Color
    Design
  • ✓
    Accessibility & Security-Header
    Skip-Link, HSTS, X-Frame-Options, CSP, Referrer-Policy
    A11y
  • ✓
    GitHub + Cloudflare Auto-Deploy
    oechteli/klartextliebe → main → automatisch live auf workers.dev
    Deploy
  • ✓
    Interne Roadmap-Seite
    klartext-roadmap.pages.dev mit Übergabeprotokoll (cross-PC via KV)
    Intern
⚠️
Phase 1 · JETZT DRINGEND
Rechtliches & Vertrauen
Impressum und Datenschutz müssen vor echter Nutzerdaten-Erhebung vollständig sein
⚠️ Dringend ▶
Warum zuerst? Sobald echte E-Mail-Adressen gesammelt werden (Waitlist, Kontaktformular), ist ein vollständiges Impressum und eine DSGVO-konforme Datenschutzerklärung Pflicht. Verstöße können Abmahnungen kosten.
  • Impressum ausfüllen
    Name, Adresse, E-Mail, ggf. Steuer-Nr. – Datei: app/impressum/page.tsx
    Rechtlich
  • Datenschutzerklärung ausfüllen
    Welche Daten? Supabase, Stripe, Cloudflare erwähnen – Datei: app/datenschutz/page.tsx
    Rechtlich
📸
Phase 2 · Parallel möglich
Inhalte & Medien vervollständigen
Eigenes Gesicht zeigen, Video einbetten, eigene Domain
🔜 Als nächstes ▶
Vertrauen entsteht durch ein echtes Gesicht. Eine eigene Domain (klartext-liebe.de) wirkt professioneller als workers.dev.
  • Profil-Foto hochladen
    Foto unter public/brand/ ablegen, in app/ueber-mich/page.tsx einbinden
    Inhalt
  • YouTube-Video einbetten
    Erstes @klartextliebe-Video in app/youtube/page.tsx einbinden
    Inhalt
  • Domain klartext-liebe.de registrieren & verbinden
    Bei Cloudflare kaufen → DNS → NEXT_PUBLIC_SITE_URL als Build-Variable setzen
    Domain
💳
Phase 3
Erste Einnahmen – Stripe
Coaching-Pakete wirklich kaufbar machen – ohne eigenes Backend
📋 Geplant ▶
Stripe Payment Links funktionieren ohne eigenen Server. Monika erstellt in Stripe einen Link, der wird eingetragen – Buttons sofort kaufbar. Stripe übernimmt Zahlung, Quittung, Steuern.
  • Stripe-Konto eröffnen & verifizieren
    stripe.com → Konto für Monika Oechtering, Bankverbindung hinterlegen
    Stripe
  • Payment Links für Coaching-Pakete anlegen
    z.B. „Erstgespräch 60 min", „3-Monats-Begleitung" – je ein Stripe Payment Link
    Stripe
  • Links in lib/stripe-links.ts eintragen
    Platzhalter ersetzen → Buttons zeigen echten Kauflink
    Stripe
  • „Bald buchbar"-Hinweis entfernen
    In Coaching-Komponenten Platzhalter-Buttons durch echte Kauf-Buttons ersetzen
    Stripe
🗄️
Phase 4
Datenbank anschließen – Supabase
Waitlist und Kontaktformular speichern echte Daten
📋 Geplant ▶
Supabase ist eine fertige Datenbank aus der Steckdose. Formulare simulieren aktuell nur das Absenden – mit Supabase landen Anfragen wirklich in einer Datenbank, die Monika einsehen kann.
  • Supabase-Projekt erstellen
    supabase.com → neues Projekt, Region EU-West (DSGVO)
    Supabase
  • Umgebungsvariablen setzen
    .env.local: NEXT_PUBLIC_SUPABASE_URL und NEXT_PUBLIC_SUPABASE_ANON_KEY
    Supabase
  • Datenbankschema einrichten
    Migration supabase/migrations/0001_init.sql ausführen
    Supabase
  • Waitlist- & Kontaktformular aktivieren
    Mock-Insert durch echten Supabase-Insert ersetzen
    Supabase
  • Build-Variablen in Cloudflare setzen
    Workers → Einstellungen → Umgebungsvariablen
    Deploy
🔐
Phase 5
Login & Kunden-Dashboard
Kunden können sich einloggen und ihre gebuchten Pakete sehen
📋 Geplant ▶
Nach dem Kauf eines Pakets bekommen Kunden Zugang zum persönlichen Bereich: Buchungen, Unterlagen, Analyse-Ergebnisse und Community-Zugang – alles an einem Ort.
  • Supabase Auth einrichten
    E-Mail/Passwort-Login, Magic Link, E-Mail-Bestätigung
    Supabase
  • Login / Registrierung
    Neue Seite app/login/page.tsx
    Frontend
  • Kunden-Dashboard
    app/dashboard/page.tsx: gebuchte Pakete, Fortschritt, Downloads, Analyse
    Frontend
  • Stripe Webhook → Supabase
    Nach Zahlung automatisch Zugang freischalten
    Stripe
👥
Phase 6
Community-Bereich
Geschlossener Raum für Mitglieder: Austausch, Unterstützung, Verbindung
⏳ Später ▶
Die Community ist das Herzstück – Singles, die gemeinsam wachsen, moderiert von Monika. Nur für zahlende Mitglieder.
  • Geschützten Bereich mit Auth-Guard
    Nur eingeloggte & bezahlte Nutzer sehen die Community
    Frontend
  • Beiträge & Kommentare
    Einfaches Forum in Supabase
    Feature
  • Moderations-Tools für Monika
    Admin-Ansicht: Beiträge genehmigen, Nutzer verwalten
    Feature
🤖
Phase 7
KI-Persönlichkeitsanalyse (echt)
Claude AI wertet den Fragebogen aus – echte Tiefe statt Mock
⏳ Später ▶
Aktuell gibt lib/analyze-profile.ts regelbasierte Ergebnisse. Mit Claude API werden Antworten tiefgehend interpretiert und ein persönliches Profil erstellt.
  • Anthropic API-Key einrichten
    API-Key als Umgebungsvariable in Cloudflare + .env.local
    KI
  • Cloudflare Worker als KI-Endpunkt
    Worker empfängt Fragebogen, ruft Claude API auf, gibt Analyse zurück
    KI
  • Analyse-Ergebnisse in Supabase speichern
    Im Dashboard sichtbar, für Matching nutzbar
    KI
💑
Phase 8
Matching & Marktplatz
Kuratierte Partnervorschläge – das eigentliche Herzstück
⏳ Später ▶
Kein Algorithmus, sondern Monika kuratiert persönlich, wer zu wem passt. Die Plattform unterstützt dabei mit Profilen und Werkzeugen.
  • Profil-Erstellung für Mitglieder
    Fotos, Werte, Wünsche, Persönlichkeitsanalyse-Ergebnis
    Feature
  • Admin-Freigabe-Workflow
    Monika prüft jedes Profil vor Sichtbarkeit
    Feature
  • Kuratierte Vorschläge
    Monika wählt Matches aus und schickt Vorschläge per Dashboard-Nachricht
    Feature