Datum: 2026-01-10
- Frontend live: https://frameops.ai
- Backend live: https://frameops-production.up.railway.app
- API Docs live: https://frameops-production.up.railway.app/api/docs
- GitHub auto-deploy till Vercel (main branch)
- Railway deployment med alla env vars
- Testat alla core flows (Live, Upload, YouTube)
- Preview mode för free users (3 steg synliga, resten blurrade)
- Edit/Export låst för free users
- Mobile responsiveness fungerar
- Error handling med ErrorBoundary
- Build: ~98KB JS gzipped
- Creator Landing Page (
/components/CreatorLandingPage.tsx)- Mörkt tema, amber accents
- Use cases: DIY, Fitness, Cooking, Beauty, Tech, Gardening
- Benefits: Revenue stream, fan connection, zero extra work
- Beta perks section
- "For Creators" länk i main navigation
- Influencer Outreach Templates (
/INFLUENCER_OUTREACH.md)
- Sidebar: "Beta Access" istället för "3 SOPs remaining"
- Beta banner på landing page
- Select-and-expand pattern för video source
- API Access länk i sidebar
- API middleware (
/backend/middleware/apiAuth.js)- API key validation mot Supabase
- Usage logging
- Rate limit checking (10/min free, 60/min pro)
- Swagger config (
/backend/config/swagger.js) - API v1 routes (
/backend/routes/apiV1.js)- POST /api/v1/generate-sop
- POST /api/v1/analyze-frames
- GET /api/v1/usage
- GET /api/v1/health (public, no auth)
- API dokumentation (
/backend/API_README.md)
- APIKeysPage.tsx - full management UI
- Skapa nya API-nycklar
- Lista befintliga nycklar
- Kopiera nyckel till clipboard
- Ta bort nycklar
- Visa rate limits info
- Quick start curl exempel
- Länk till API docs
- Migration körd för
api_keystabell - Migration körd för
api_usagetabell - RLS policies för public access (beta)
-
SUPABASE_URLi Railway -
SUPABASE_SERVICE_KEYi Railway -
VITE_SUPABASE_URLi Vercel -
VITE_SUPABASE_ANON_KEYi Vercel
- Koppla
app.locals.processYouTubeVideotill befintlig video-logik - Koppla
app.locals.analyzeFramestill Gemini AI - Returnera riktiga SOP-steg istället för placeholder
- Implementera login/signup
- Koppla API-nycklar till användare
- Ta bort public RLS policies
Deploya frontend✅Deploya backend✅API Key management UI✅- Börja influencer outreach
- Testa Creator landing page live
- Koppla generate-sop till riktig video-processing
- Returnera faktiska SOP-steg med bilder
- Testa med riktiga YouTube-videos
- Stripe integration för Pro-plan
- Koppla subscription state till isPro
- Usage-based billing för API
components/
APIKeysPage.tsx # API key management UI (NEW)
CreatorLandingPage.tsx # Influencer landing page
backend/
middleware/
apiAuth.js # API authentication (UPDATED - removed users join)
config/
swagger.js # OpenAPI spec
routes/
apiV1.js # Versioned API endpoints
migrations/
001_api_keys.sql # Supabase tables
supabase/
migrations/
20260110000000_api_keys.sql # Applied migration
types.ts # Added API_KEYS view
App.tsx # Added APIKeysPage route
Sidebar.tsx # Added "API Access" menu item
vercel.json # Added SPA routing fallback
| Service | URL |
|---|---|
| Frontend | https://frameops.ai |
| Creator Page | https://frameops.ai (For Creators link) |
| API Base | https://frameops-production.up.railway.app/api/v1 |
| API Docs | https://frameops-production.up.railway.app/api/docs |
| Health Check | https://frameops-production.up.railway.app/api/v1/health |
# Health check (no auth)
GET /api/v1/health
# Generate SOP from YouTube (requires API key)
POST /api/v1/generate-sop
Header: X-API-Key: your_key
Body: {"youtube_url": "https://youtube.com/watch?v=..."}
# Analyze uploaded frames (requires API key)
POST /api/v1/analyze-frames
Header: X-API-Key: your_key
Body: {"frames": ["base64..."], "title": "My SOP"}
# Get usage stats (requires API key)
GET /api/v1/usage
Header: X-API-Key: your_key- Beta launch - gratis för alla
- Influencer outreach - en bra influencer = tusentals users
- API för developers - ingen marknadsföring behövs, de hittar dig
- Free: Unlimited previews, 3 steg synliga
- Pro: Full access, PDF export, edit (10,000 API calls/month)
- Enterprise: Unlimited API calls
- Börja skicka outreach till 5-10 influencers
- Sätt upp basic analytics (hur många besöker /creators)
- Koppla API till riktig video-processing
- Lägg till user authentication
Hitta 10 YouTubers i dessa nichar:
- DIY/Woodworking (50-200k subs)
- Fitness tutorials
- Cooking/meal prep
- Tech setup guides
Använd templates i INFLUENCER_OUTREACH.md