Settings & Integrations
API integration roadmap and configuration
Current Data Storage
Local Storage (Active)
All your content, tasks, trends, and chat history are stored in your browser's localStorage. This is great for getting started — no server required.
⚠️ Data is tied to this browser. To sync across devices, connect a database (Supabase recommended).
How to Enable Real AI (5 min setup)
Copy .env.example to .env.local in the project root
Add your OPENAI_API_KEY or ANTHROPIC_API_KEY to .env.local
Create src/app/api/ai-chat/route.ts with your API call logic
Update getSimulatedResponse() in ai-assistant/page.tsx to call your API route
Restart the dev server with npm run dev
// src/app/api/ai-chat/route.ts
import { NextResponse } from 'next/server';
import Anthropic from '@anthropic-ai/sdk';
const client = new Anthropic();
export async function POST(req: Request) {
const { message } = await req.json();
const msg = await client.messages.create({
model: 'claude-sonnet-4-6',
max_tokens: 1024,
messages: [{ role: 'user', content: message }],
});
return NextResponse.json({
reply: msg.content[0].type === 'text'
? msg.content[0].text : ''
});
}API Integration Roadmap
OpenAI / Claude API
Ready to connectAI-powered script writing, caption generation, hook ideas, trend analysis
Use case:
Replace simulated AI responses with real GPT-4 or Claude responses
Env vars needed:
OPENAI_API_KEY or ANTHROPIC_API_KEYPerplexity AI (Trend Research)
PlannedReal-time web search for trending topics, breaking news, viral content
Use case:
Auto-populate Trend Research page with live trending topics
Env vars needed:
PERPLEXITY_API_KEYElevenLabs (Voiceovers)
PlannedGenerate AI voiceovers for videos with natural-sounding voices
Use case:
Create voiceovers for soccer news updates and reaction videos
Env vars needed:
ELEVENLABS_API_KEYTikTok Content Posting API
PlannedPost videos directly to TikTok from the dashboard
Use case:
Upload and schedule TikTok content without leaving the dashboard
Env vars needed:
TIKTOK_CLIENT_KEY, TIKTOK_CLIENT_SECRETMeta Instagram Graph API
PlannedSchedule and post Reels directly to Instagram
Use case:
Direct Instagram Reels publishing with human approval step
Env vars needed:
META_APP_ID, INSTAGRAM_ACCESS_TOKENYouTube Data API
PlannedUpload videos, manage playlists, fetch analytics from YouTube
Use case:
Upload YouTube videos and pull real analytics data into dashboard
Env vars needed:
YOUTUBE_API_KEY, YOUTUBE_CLIENT_IDMetricool / Buffer / Later
PlannedCross-platform scheduling and analytics aggregation
Use case:
Schedule content across all platforms from one place
Env vars needed:
METRICOOL_API_KEY or BUFFER_ACCESS_TOKENCapCut / Runway / Pika
PlannedAI video editing, B-roll generation, auto-captions
Use case:
Generate B-roll footage, add auto-captions, AI video editing
Google Drive
PlannedStore raw footage, edited videos, and assets in the cloud
Use case:
Organize all media files linked to content items in Drive
Env vars needed:
GOOGLE_DRIVE_CLIENT_IDSupabase / PostgreSQL
PlannedMigrate from localStorage to a real database for multi-device sync
Use case:
Access your content dashboard from any device with data sync
Env vars needed:
NEXT_PUBLIC_SUPABASE_URL, NEXT_PUBLIC_SUPABASE_ANON_KEYSafety & Compliance
- ✅ Human approval required before any content is published
- ✅ No mass DM or spam features — all publishing is manual or scheduled through official APIs
- ✅ Only official platform APIs used (TikTok, Meta, YouTube)
- ✅ Content is not scraped from platforms in ways that violate Terms of Service
- ✅ Creator-generated content only — no impersonation or misleading content
- ✅ AI-generated content is reviewed by a human before publishing