Configuration Développeur
Configurez le code source de Draftly localement pour le développement ou l'auto-hébergement.
Prérequis
Pour exécuter Draftly localement, vous avez besoin de : - Node.js 18+ avec npm ou pnpm - Un projet Firebase (Firestore, Auth, Storage activés) - Clés API : Google Gemini, Fal.ai (facultatif), API-Easy (pour les vidéos Veo et les images Nano Banana) - Un compte Dodo Payments (pour les webhooks de facturation — facultatif pour le développement)
Cloner et Installer
bash
git clone https://github.com/draftly-space/draftly-client.git cd draftly-client npm install cp .env.example .env.local
Modifiez .env.local avec votre configuration Firebase et vos clés API, puis exécutez le serveur de développement.
Variables d'Environnement
| Variable | Description | Requis |
|---|---|---|
GOOGLE_AI_KEY | Clé API Gemini pour la génération HTML du site | Oui |
NEXT_PUBLIC_FIREBASE_* | Configuration client Firebase (6 variables) | Oui |
FIREBASE_SERVICE_ACCOUNT | JSON du SDK Firebase Admin (base64) | Oui |
FAL_KEY | Fal.ai — Images Seedream, extension vidéo LTX | Pour médias complets |
APIEASY_KEY | API-Easy — Vidéo Veo 3.1, images Nano Banana | Pour vidéo |
DODO_PAYMENTS_KEY | Secret du webhook de facturation Dodo Payments | Pour facturation |
CLOUDFLARE_ZONE_ID | Zone Cloudflare pour la purge du cache CDN lors de la publication | Pour CDN |
Exécuter le Serveur de Développement
bash
npm run dev
Ouvrez http://localhost:3000. Le constructeur 3D se trouve à http://localhost:3000/3d-builder.