Entwickler-Setup
Die Draftly-Codebasis lokal für Entwicklung oder Selbst-Hosting einrichten.
Voraussetzungen
Um Draftly lokal auszuführen, benötigen Sie: - Node.js 18+ mit npm oder pnpm - Ein Firebase-Projekt (Firestore, Auth, Storage aktiviert) - API-Schlüssel: Google Gemini, Fal.ai (optional), API-Easy (für Veo-Video und Nano Banana-Bilder) - Ein Dodo Payments-Konto (für Abrechnungs-Webhooks — optional für Entwicklung)
Klonen & Installieren
bash
git clone https://github.com/draftly-space/draftly-client.git cd draftly-client npm install cp .env.example .env.local
.env.local mit Ihrer Firebase-Konfiguration und API-Schlüsseln bearbeiten, dann den Entwicklungsserver starten.
Umgebungsvariablen
| Variable | Beschreibung | Erforderlich |
|---|---|---|
GOOGLE_AI_KEY | Gemini API-Schlüssel für Website-HTML-Generierung | Ja |
NEXT_PUBLIC_FIREBASE_* | Firebase-Client-Konfiguration (6 Vars) | Ja |
FIREBASE_SERVICE_ACCOUNT | Firebase Admin SDK JSON (base64) | Ja |
FAL_KEY | Fal.ai — Seedream-Bilder, LTX-Video-Verlängerung | Für vollständige Medien |
APIEASY_KEY | API-Easy — Veo 3.1-Video, Nano Banana-Bilder | Für Video |
DODO_PAYMENTS_KEY | Dodo Payments-Abrechnungs-Webhook-Geheimnis | Für Abrechnung |
CLOUDFLARE_ZONE_ID | Cloudflare-Zone für CDN-Cache-Bereinigung beim Veröffentlichen | Für CDN |
Entwicklungsserver starten
bash
npm run dev
http://localhost:3000 öffnen. Der 3D-Builder ist unter http://localhost:3000/3d-builder.