開発者向けセットアップ
開発またはセルフホスティング向けにDraftlyコードベースをローカルにセットアップする方法。
前提条件
Draftlyをローカルで実行するには： - Node.js 18以上（npmまたはpnpm付き） - Firebaseプロジェクト（Firestore、Auth、Storageを有効化） - APIキー：Google Gemini、Fal.ai（オプション）、API-Easy（Veo動画とNano Banana画像用） - Dodo Paymentsアカウント（請求Webhookのため — 開発用はオプション）
クローンとインストール
bash
git clone https://github.com/draftly-space/draftly-client.git cd draftly-client npm install cp .env.example .env.local
Firebaseの設定とAPIキーを .env.local に編集してから、開発サーバーを起動してください。
環境変数
| 変数 | 説明 | 必須 |
|---|---|---|
GOOGLE_AI_KEY | サイトHTML生成のためのGemini APIキー | はい |
NEXT_PUBLIC_FIREBASE_* | Firebaseクライアント設定（6変数） | はい |
FIREBASE_SERVICE_ACCOUNT | Firebase Admin SDK JSON（base64） | はい |
FAL_KEY | Fal.ai — Seedream画像、LTX動画拡張 | フルメディア用 |
APIEASY_KEY | API-Easy — Veo 3.1動画、Nano Banana画像 | 動画用 |
DODO_PAYMENTS_KEY | Dodo Payments請求Webhookシークレット | 請求用 |
CLOUDFLARE_ZONE_ID | 公開時のCDNキャッシュパージのためのCloudflareゾーン | CDN用 |
開発サーバーの起動
bash
npm run dev
http://localhost:3000 を開いてください。3Dビルダーは http://localhost:3000/3d-builder にあります。