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

# AI Websites

> Build and deploy full-stack web apps with a database, file storage, payments, custom domains, and analytics  all from a prompt.

AI Websites lets you build and deploy complete web applications through conversation. The agent writes the code, sets up the infrastructure, and deploys your site live, all from a single chat. Every website comes with a database, file storage, payment processing, custom domain support, and analytics built in.

<Frame caption="A deployed website built with Runable, previewed in the side panel.">
  ![Chat interface on the left with the agent building a website, side panel on the right showing a live preview of the deployed site](https://pub-51091dcf1e9d4b04bb2e74f489c4f346.r2.dev/64150ebf5d7343a90e831ace0a3f6f061689a374ee6a47eec159ebeefd8dc27f.jpg)
</Frame>

## What every website includes

<CardGroup cols={3}>
  <Card icon="globe" title="Live URL" href="/deploy-and-go-live">
    Every site gets a public URL at yoursite.runable.site the moment it is deployed.
  </Card>

  <Card icon="database" title="Database" href="/database-d1-sq-lite">
    A SQLite database at the edge for storing users, content, and application data.
  </Card>

  <Card icon="hard-drive" title="File Storage" href="/storage-r2">
    Object storage for images, documents, uploads, and any files your app needs.
  </Card>

  <Card icon="credit-card" title="Payments" href="/payments-stripe">
    Stripe integration for accepting payments, subscriptions, and one-time charges.
  </Card>

  <Card icon="link" title="Custom Domain" href="/custom-domains">
    Connect your own domain with automatic SSL. No manual certificate management.
  </Card>

  <Card icon="chart-line" title="Analytics" href="/website-analytics">
    Built-in page view and event tracking. See who visits and what they do.
  </Card>
</CardGroup>

Additional capabilities:

<AccordionGroup>
  <Accordion title="Authentication - User sign-up and login">
    The agent can add user authentication to your site with sign-up, sign-in, and session management. Supports email magic links and social OAuth providers.
  </Accordion>

  <Accordion title="AI features - Add AI to your website">
    Your website gets its own AI gateway. The agent can build chatbots, AI assistants, and smart features into your site that run on your Runable credits.
  </Accordion>

  <Accordion title="Transactional email - Send emails from your site">
    Your website can send transactional emails (welcome emails, receipts, notifications) through the built-in email service.
  </Accordion>

  <Accordion title="SEO - Meta tags, Open Graph, and social previews">
    Configure page titles, descriptions, Open Graph images, favicons, and social preview cards from the website dashboard.
  </Accordion>

  <Accordion title="GitHub export - Push your code to a repository">
    Export your website code to a GitHub repository. The agent generates SSH keys and pushes the code for you.
  </Accordion>
</AccordionGroup>

## How it works

```mermaid actions={false} theme={null}
%%{init: {'theme': 'base', 'themeVariables': { 'primaryColor': '#e6fafb', 'primaryTextColor': '#1a1a2e', 'primaryBorderColor': '#01b7cb', 'lineColor': '#01b7cb', 'fontFamily': 'Inter, sans-serif', 'fontSize': '14px' }}}%%
flowchart LR
    A("Describe your site"):::step --> B("Agent writes code"):::step --> C("Live preview"):::step --> D("Refine in chat"):::step --> E("Click Deploy"):::step
    classDef step fill:#e6fafb,stroke:#01b7cb,stroke-width:2px,rx:12,ry:12,color:#1a1a2e
```

The agent scaffolds a React + Vite project, writes frontend and backend code, sets up the database, and starts a live preview server. You see the website in the side panel as it is being built. When you are ready, click Deploy and the site goes live.

<Note>
  AI Websites is available on Starter, Pro, and Unlimited plans. On the Free plan, website creation requires upgrading.
</Note>

## The website dashboard

After deploying, your website has a dashboard with five sections:

| Section       | What it does                                          |
| ------------- | ----------------------------------------------------- |
| **Analytics** | Page views, visitors, and event tracking              |
| **SEO**       | Site name, description, OG image, favicon, visibility |
| **Domains**   | Subdomain customization and custom domain connection  |
| **Payments**  | Stripe test and live environment setup                |
| **Secrets**   | Environment variables for API keys and configuration  |

<Frame caption="The website dashboard showing the Analytics, SEO, Domains, Payments, and Secrets tabs.">
  ![Website dashboard with a sidebar showing five navigation items: Analytics, SEO, Domains, Payments, Secrets](https://pub-51091dcf1e9d4b04bb2e74f489c4f346.r2.dev/f73d427890ba1224c7b0ef37dfb2e29cce0dc1f752ade48f5030ca85ba2df00a.png)
</Frame>

## What AI Websites does not support

* Native mobile apps. Websites are web applications only.
* Server-side rendering frameworks other than the built-in Vite + React stack.
* Multiple websites from a single chat. Each chat produces one website.
* Collaborative editing. One person works on a website at a time.

## Next steps

<CardGroup cols={2}>
  <Card icon="play" href="/build-your-first-website" title="Build Your First Website">
    Go from a prompt to a live website step by step.
  </Card>

  <Card icon="rocket" href="/deploy-and-go-live" title="Deploy & Go Live">
    Publish your website and get a public URL.
  </Card>
</CardGroup>