> ## 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.

# Dev Kit for AI - Launch Production-Ready AI SaaS Applications

> Complete platform for building AI-powered SaaS: Next.js starter kit, hosted backend, AI-integrations, admin console, and user dashboards. Ship in hours with authentication, AI generations, and rich components library.

## Ship AI-Powered SaaS in Hours, Not Weeks

Dev Kit for AI gives you everything you need to launch production-ready AI web applications:

* **Hosted Cloud API** with authentication, user management, AI generation, and Payment processing (via Stripe)
* **Next.js Starter Kit** ready to clone, customize, and deploy
* **Cloud Admin** console to manage projects, users, and API keys

<Check>Get running in 15 minutes with our [quickstart guide](/quickstart)</Check>

## Built for Developers Who Want to Move Fast

Perfect for:

* **SaaS builders** launching AI-powered products without backend complexity
* **Developers** who need production infrastructure without weeks of setup
* **Teams** building multi-tenant AI applications with enterprise features

<Info>
  **Before you start:** Node.js 19+, a GitHub account, and 15 minutes.
</Info>

## Why Dev Kit for AI?

<CardGroup cols={3}>
  <Card title="Ship Faster" icon="rocket">
    Clone, configure, and deploy within minutes with our Starter Kit template.
  </Card>

  <Card title="Fully Customizable" icon="palette">
    Next.js 15, React 19, Tailwind CSS - use the stack you already know.
  </Card>

  <Card title="Admin Console" icon="code">
    Manage projects, users, AI-integrations, image and video generations.
  </Card>

  <Card title="AI-Enabled" icon="sparkles">
    Built-in AI generation endpoints powered by popular models and providers.
  </Card>

  <Card title="User Management" icon="code">
    Pre-built auth flows, user dashboards, usage tracking, and subscription tiers.
  </Card>

  <Card title="Backend-as-a-Service" icon="cloud">
    No infrastructure setup. Automatically connected to our Cloud API and start building.
  </Card>

  <Card title="Production-Ready" icon="shield-check">
    Secure backend with role-based access, JWT auth, and multi-tenancy built-in.
  </Card>

  <Card title="Payments via Stripe" icon="credit-card">
    Built-in subscription billing, checkout flows, and customer portal integration.
  </Card>

  <Card title="Open Source" icon="github">
    Free Starter Kit on GitHub. Self-host or use our Cloud API - your choice.
  </Card>
</CardGroup>

## What You Can Build

<AccordionGroup>
  <Accordion title="AI Image Generation SaaS" icon="image">
    Launch a platform where users upload examples and generate AI images. Built-in user management, API key handling, and generation tracking.
  </Accordion>

  <Accordion title="Multi-User AI Applications" icon="users">
    Create applications with project-scoped access, team management, and usage analytics with built-in audit trails.
  </Accordion>

  <Accordion title="AI-Powered Content Platforms" icon="file-text">
    Build content generation tools with user accounts, subscription tiers, and custom branding using the multi-mode architecture.
  </Accordion>
</AccordionGroup>

## Three Core Components

Dev Kit for AI ships the same stack we use internally:

* **Starter Kit** — Next.js application template for building your customer-facing AI product. Clone it, customize it, and deploy it as your own.
* **Cloud Admin** — Web console where you manage projects, API keys, and users. Access it at [devkit4ai.com/console](https://devkit4ai.com/console) or [vibecoding.ad/console](https://vibecoding.ad/console).
* **Cloud API** — Hosted backend API that handles authentication, authorization, and AI generation endpoints.

Each guide in this documentation maps directly to features implemented in the platform so you can trust what you read matches what you deploy.

## Start Here

<Card title="🚀 Quickstart: Launch Your First AI App in 15 Minutes" icon="rocket" href="/quickstart">
  Clone the Starter Kit, connect to the hosted Cloud API, and deploy your first AI-powered application.

  **You'll learn:** Registration → Setup → Configuration → First Deploy
</Card>

### Or Explore the Platform First

<CardGroup cols={3}>
  <Card title="Platform Overview" icon="boxes" href="/getting-started/platform-overview">
    Understand the architecture and how components work together
  </Card>

  <Card title="View Live Demo" icon="eye" href="https://devkit4ai.com/example-pages">
    See a production deployment in action
  </Card>

  <Card title="Browse Examples" icon="code" href="/tutorials/use-cases/ai-image-saas">
    Explore real-world use cases and applications
  </Card>
</CardGroup>

## Go Deeper

<CardGroup cols={2}>
  <Card title="Starter Kit Guides" icon="boxes" href="/starter-kit/installation">
    Explore the app structure, authentication flows, and customization patterns.
  </Card>

  <Card title="Tutorials" icon="lightbulb" href="/tutorials/first-app/setup">
    Follow end-to-end walkthroughs that build on the core quickstart.
  </Card>

  <Card title="Development Tools" icon="wrench" href="/development-tools/local-dev/frontend-dev">
    Configure your local workspace and IDE for multi-mode development.
  </Card>

  <Card title="Reference" icon="book" href="/reference/architecture/event-sourcing">
    Dive into architecture, configuration, and component catalogues.
  </Card>
</CardGroup>

<Tip>
  **New to Dev Kit?** Start with the [Quickstart](/quickstart) to get hands-on experience, then explore [Starter Kit Guides](/starter-kit/project-structure) for customization and [Tutorials](/tutorials/first-app/setup) for building complete features.
</Tip>