DocsAvançadoConfiguração para Desenvolvedor

Configuração para Desenvolvedor

Configure o código-fonte do Draftly localmente para desenvolvimento ou auto-hospedagem.

Pré-requisitos

Para executar o Draftly localmente você precisa: - Node.js 18+ com npm ou pnpm - Um projeto Firebase (Firestore, Auth, Storage habilitados) - Chaves de API: Google Gemini, Fal.ai (opcional), API-Easy (para vídeo Veo e imagens Nano Banana) - Uma conta Dodo Payments (para webhooks de cobrança — opcional para desenvolvimento)

Clonar e Instalar

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

Edite .env.local com sua configuração do Firebase e chaves de API, depois execute o servidor de desenvolvimento.

Variáveis de Ambiente

VariávelDescriçãoNecessário
GOOGLE_AI_KEYChave de API do Gemini para geração de HTML do siteSim
NEXT_PUBLIC_FIREBASE_*Configuração do cliente Firebase (6 vars)Sim
FIREBASE_SERVICE_ACCOUNTJSON do Firebase Admin SDK (base64)Sim
FAL_KEYFal.ai — imagens Seedream, extensão de vídeo LTXPara mídia completa
APIEASY_KEYAPI-Easy — vídeo Veo 3.1, imagens Nano BananaPara vídeo
DODO_PAYMENTS_KEYSegredo de webhook de cobrança do Dodo PaymentsPara cobrança
CLOUDFLARE_ZONE_IDZona Cloudflare para limpeza de cache CDN ao publicarPara CDN

Executar Servidor de Desenvolvimento

bash
npm run dev

Abra http://localhost:3000. O construtor 3D está em http://localhost:3000/3d-builder.