Entwickler-Setup
Richten Sie die Draftly-Codebasis lokal für die Entwicklung oder das Self-Hosting ein.
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 die Entwicklung)
Klonen & Installieren
bash
git clone https://github.com/draftly-space/draftly-client.git cd draftly-client npm install cp .env.example .env.local
Bearbeiten Sie .env.local mit Ihrer Firebase-Konfiguration und Ihren API-Schlüsseln und starten Sie dann den Entwicklungsserver.
Umgebungsvariablen
| Variable | Beschreibung | Erforderlich |
|---|---|---|
GOOGLE_AI_KEY | Gemini API-Schlüssel für die HTML-Generierung der Website | Ja |
NEXT_PUBLIC_FIREBASE_* | Firebase Client-Konfiguration (6 Variablen) | Ja |
FIREBASE_SERVICE_ACCOUNT | Firebase Admin SDK JSON (base64) | Ja |
FAL_KEY | Fal.ai — Seedream-Bilder, LTX-Videoerweiterung | 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-Löschung bei Veröffentlichung | Für CDN |
Entwicklungsserver starten
bash
npm run dev
Öffnen Sie http://localhost:3000. Der 3D-Builder befindet sich unter http://localhost:3000/3d-builder.