Install battle-tested auth, payments, AI chat, video editors, and 23+ more features into your Next.js app via Claude Code MCP — no copy-paste, no guesswork.
Three steps from zero to production feature
One JSON entry in your Claude Code settings connects FullStackFeatures.
// .claude/settings.json
{
"mcpServers": {
"fullstackfeatures": {
"command": "npx",
"args": ["@unpuzzle/fullstackfeatures-mcp"],
"env": {
"FSF_API_KEY": "fsf_..."
}
}
}
}Ask Claude to install. It writes every file — hooks, API routes, components, schemas.
// In Claude Code: "install auth-better-auth" // Writes: // src/lib/auth.ts // src/app/api/auth/[...all]/ // src/middleware.ts // src/components/AuthForm.tsx // + 40 more files
Claude tells you exactly what env vars to add. Set them, deploy, done.
# .env.local AUTH_SECRET=... GOOGLE_CLIENT_ID=... GOOGLE_CLIENT_SECRET=... DATABASE_URL=... # npx drizzle-kit push # Deploy to Vercel
Extracted from real production apps. Every file tested against TypeScript and Next.js build.
Email, OAuth, 2FA, sessions
Drizzle ORM + migrations
Stripe subscriptions + webhooks
B2/S3 with presigned URLs
Anthropic + Groq SSE streaming
In-app + email notifications
MDX blog with categories + RSS
Real-time pub/sub rooms
TipTap with slash commands
Per-user quotas + rate limits
Full NLE video editor
User mgmt + RBAC + analytics
Discord-style channels + DMs
Multi-step + conditional logic
Collaborative tldraw canvas
Pipeline + notes + CSV export
Crypto tokens + role assignment
Config-driven settings sidebar
Bug reports + feature requests
Recording + waveform player
GSAP + Framer Motion components
HTML5 + YouTube dual engine
SRT/VTT/JSON/TXT parsing
15 animated React components
28 Kokoro voices + voice picker
Groq + ffmpeg scene detection
7 Web Animation types
Start free. Upgrade when you need more.