34da9f4cda
backend-lehrer (11 files): - llm_gateway/routes/schools.py (867 → 5), recording_api.py (848 → 6) - messenger_api.py (840 → 5), print_generator.py (824 → 5) - unit_analytics_api.py (751 → 5), classroom/routes/context.py (726 → 4) - llm_gateway/routes/edu_search_seeds.py (710 → 4) klausur-service (12 files): - ocr_labeling_api.py (845 → 4), metrics_db.py (833 → 4) - legal_corpus_api.py (790 → 4), page_crop.py (758 → 3) - mail/ai_service.py (747 → 4), github_crawler.py (767 → 3) - trocr_service.py (730 → 4), full_compliance_pipeline.py (723 → 4) - dsfa_rag_api.py (715 → 4), ocr_pipeline_auto.py (705 → 4) website (6 pages): - audit-checklist (867 → 8), content (806 → 6) - screen-flow (790 → 4), scraper (789 → 5) - zeugnisse (776 → 5), modules (745 → 4) Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
BreakPilot Website
Marketing- und Pricing-Website fuer BreakPilot mit Stripe Checkout Integration.
Tech Stack
- Framework: Next.js 15.1.6
- Styling: Tailwind CSS 3.4
- Language: TypeScript 5.7
- Payment: Stripe Checkout (via Billing Service)
Lokale Entwicklung
Voraussetzungen
- Node.js 20+
- npm oder yarn
Installation
cd website
npm install
npm run dev
Website ist dann unter http://localhost:3000 erreichbar.
Docker
Build
docker build -t breakpilot-website \
--build-arg NEXT_PUBLIC_BILLING_API_URL=http://localhost:8083 \
--build-arg NEXT_PUBLIC_APP_URL=http://localhost:8000 \
.
Run
docker run -p 3000:3000 breakpilot-website
Mit Docker Compose
# Aus dem Root-Verzeichnis
docker compose up -d website
Umgebungsvariablen
| Variable | Beschreibung | Default |
|---|---|---|
NEXT_PUBLIC_BILLING_API_URL |
URL zum Billing Service | http://localhost:8083 |
NEXT_PUBLIC_APP_URL |
URL zur BreakPilot App | http://localhost:8000 |
NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY |
Stripe Public Key | - |
Build-Zeit vs. Runtime
NEXT_PUBLIC_* Variablen werden zur Build-Zeit eingebettet. Fuer Docker:
docker build \
--build-arg NEXT_PUBLIC_BILLING_API_URL=https://api.breakpilot.de \
--build-arg NEXT_PUBLIC_APP_URL=https://app.breakpilot.de \
--build-arg NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY=pk_live_xxx \
.
Stripe Integration
Flow
- Nutzer waehlt Plan auf der Pricing-Seite
- Nutzer gibt E-Mail ein
- Website ruft
POST /api/v1/billing/trial/startam Billing Service auf - Billing Service erstellt Stripe Checkout Session
- Nutzer wird zu Stripe Checkout weitergeleitet
- Nach Zahlung: Redirect zu
/success?session_id=xxx - Success-Seite zeigt Bestaetigung und leitet zur App weiter
API Endpunkt
POST /api/v1/billing/trial/start
Content-Type: application/json
{
"plan_id": "basic" | "standard" | "premium",
"email": "user@example.com"
}
Response:
{
"checkout_url": "https://checkout.stripe.com/..."
}
Seiten
| Route | Beschreibung |
|---|---|
/ |
Landing Page mit Hero, Pricing, Trust-Sektion |
/success |
Erfolgsseite nach Stripe Checkout |
/cancel |
Abbruchseite wenn Checkout abgebrochen |
Produktion
Empfohlene Konfiguration
NEXT_PUBLIC_BILLING_API_URL=https://api.breakpilot.de
NEXT_PUBLIC_APP_URL=https://app.breakpilot.de
NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY=pk_live_xxx
SSL/TLS
Fuer Produktion sollte ein Reverse Proxy (nginx, Traefik) mit SSL verwendet werden.
Projektstruktur
website/
├── app/
│ ├── globals.css # Tailwind + Custom Styles
│ ├── layout.tsx # Root Layout
│ ├── page.tsx # Landing Page
│ ├── success/
│ │ └── page.tsx # Checkout Erfolgsseite
│ └── cancel/
│ └── page.tsx # Checkout Abbruchseite
├── components/
│ ├── Header.tsx # Navigation
│ ├── PricingSection.tsx # Pricing Cards + Modal
│ └── Footer.tsx # Footer
├── Dockerfile # Multi-stage Docker Build
├── next.config.mjs # Next.js Konfiguration
├── tailwind.config.ts # Tailwind mit BreakPilot Farben
└── package.json