DocsAvanzadoConfiguración para Desarrolladores

Configuración para Desarrolladores

Configura el código base de Draftly localmente para desarrollo o autoalojamiento.

Requisitos Previos

Para ejecutar Draftly localmente necesitas: - Node.js 18+ con npm o pnpm - Un proyecto de Firebase (Firestore, Auth, Storage habilitados) - Claves API: Google Gemini, Fal.ai (opcional), API-Easy (para video Veo y imágenes Nano Banana) - Una cuenta de Dodo Payments (para webhooks de facturación — opcional para desarrollo)

Clonar e Instalar

bash
git clone https://github.com/draftly-space/draftly-client.git
cd draftly-client
npm install
cp .env.example .env.local

Edita .env.local con tu configuración de Firebase y claves API, luego ejecuta el servidor de desarrollo.

Variables de Entorno

VariableDescripciónRequerida
GOOGLE_AI_KEYClave API de Gemini para generación de HTML del sitio
NEXT_PUBLIC_FIREBASE_*Configuración del cliente de Firebase (6 variables)
FIREBASE_SERVICE_ACCOUNTJSON del SDK Admin de Firebase (base64)
FAL_KEYFal.ai — Imágenes Seedream, extensión de video LTXPara medios completos
APIEASY_KEYAPI-Easy — Video Veo 3.1, imágenes Nano BananaPara video
DODO_PAYMENTS_KEYSecreto de webhook de facturación de Dodo PaymentsPara facturación
CLOUDFLARE_ZONE_IDZona de Cloudflare para purga de caché CDN al publicarPara CDN

Ejecutar Servidor de Desarrollo

bash
npm run dev

Abre http://localhost:3000. El constructor 3D está en http://localhost:3000/3d-builder.