> ## Documentation Index
> Fetch the complete documentation index at: https://devkit4ai.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Platform Overview

> See how the Starter Kit, Cloud Admin, and Cloud API work together to help you build AI-powered applications.

<Note>
  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.
</Note>

The platform provides three production-ready components:

## 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](https://devkit4ai.com/console) or [vibecoding.ad/console](https://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

<Steps>
  <Step title="Sign up for Cloud Admin">
    Create your developer account at [devkit4ai.com/console](https://devkit4ai.com/console). The system automatically creates your first project and generates your credentials.
  </Step>

  <Step title="Clone the Starter Kit">
    Get the Next.js template from GitHub and install dependencies locally.
  </Step>

  <Step title="Configure credentials">
    Add your developer key, project ID, and API key to the Starter Kit's environment file.
  </Step>

  <Step title="Customize and deploy">
    Update branding, add features, and deploy to your hosting provider. Your app now uses Cloud API for backend services.
  </Step>
</Steps>

## Next Steps

<CardGroup cols={3}>
  <Card title="Starter Kit Details" icon="box" href="/getting-started/starter-kit-explained">
    Learn what's included in the template
  </Card>

  <Card title="Cloud Admin Guide" icon="building" href="/getting-started/cloud-admin-explained">
    Understand the management console
  </Card>

  <Card title="Cloud API Reference" icon="server" href="/getting-started/cloud-api-explained">
    Explore the backend API
  </Card>
</CardGroup>