Dev Kit for AI combines a hosted backend API, a customizable Next.js frontend template, and a management console so you can launch AI-powered products quickly.
Starter Kit
A Next.js 15 application template that serves as your customer-facing product:- What it is: Open-source Next.js app with React 19, Tailwind CSS, and dark mode
- What you do: Clone it from GitHub, customize the UI, and deploy to your hosting
- How it connects: Uses environment variables to authenticate with the Cloud API
- Key features: User authentication, dashboards, AI generation UI, responsive design
Cloud Admin
A web console where you manage your projects and users:- What it is: Hosted management interface at devkit4ai.com/console or vibecoding.ad/console
- What you do: Register your developer account, create projects, generate API keys, configure payments
- What you get: Developer keys, project IDs, API keys, and Stripe integration needed to monetize your app
- Key features: Project management, API key generation, user analytics, payment configuration, subscription monitoring
Cloud API
A hosted backend service that powers your application:- What it is: Production-ready FastAPI service with authentication, AI, and payment features
- What you do: Connect your Starter Kit using the credentials from Cloud Admin
- What it provides: User authentication, role-based access, AI generation, subscription billing
- Key features: JWT authentication, multi-tenant architecture, AI image generation, Stripe payment processing
How They Work Together
Sign up for Cloud Admin
Create your developer account at devkit4ai.com/console. The system automatically creates your first project and generates your credentials.
Configure credentials
Add your developer key, project ID, and API key to the Starter Kit’s environment file.
Next Steps
Starter Kit Details
Learn what’s included in the template
Cloud Admin Guide
Understand the management console
Cloud API Reference
Explore the backend API