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

# Deployment

> Publish your application with one click and get a live URL. Configure custom domains, site metadata, and manage deployment history.

# Deployment

Deploy your Seemodo app to production with one click. Your app gets a public URL where anyone can access it.

## Publishing your app

<Steps>
  <Step title="Open your project">
    Navigate to the Project Editor for the app you want to deploy.
  </Step>

  <Step title="Click Publish">
    Click the **Publish** button in the top bar. The Deploy panel opens.
  </Step>

  <Step title="Deploy">
    Click **Deploy** to start the build and publish process.
  </Step>

  <Step title="Get your URL">
    Once complete, you receive a live URL like `yourproject.seemodo.app`.
  </Step>
</Steps>

## Deploy panel features

The Deploy panel shows:

### Current deployment

* **Status** — Draft, Building, Live, or Error
* **URL** — Your public app URL
* **Preview URL** — Test URL before going live
* **Created** — When the deployment was made

### Deployment history

All previous deployments with:

* Timestamp
* Status (success/failed)
* Commit SHA reference
* One-click rollback capability

### Site metadata

Configure how your app appears when shared on social media and in search results:

| Field                | Purpose                                           | Format                                 |
| -------------------- | ------------------------------------------------- | -------------------------------------- |
| **Site title**       | Browser tab title and social share heading        | Text                                   |
| **Site description** | Description in search results and social previews | Text                                   |
| **Favicon**          | Small icon in browser tabs                        | SVG (uploadable or AI-generated)       |
| **OG Image**         | Preview image shown when sharing the URL          | SVG/Image (uploadable or AI-generated) |

#### AI-generated metadata

Click the **✨ sparkles icon** next to any metadata field to let AI generate it:

* **Title** — AI analyzes your app and creates an appropriate title
* **Description** — AI writes a compelling description based on your app's purpose
* **Favicon** — AI generates an SVG icon matching your app's theme
* **OG Image** — AI creates a social preview graphic

You can regenerate each field individually until you're satisfied.

#### Editing metadata

Each field has a **pencil icon** to edit manually. Changes are saved with the **Save** button.

### Custom domain

| Domain type               | Details                                                         |
| ------------------------- | --------------------------------------------------------------- |
| **seemodo.app subdomain** | Free with all plans. Set a custom path: `your-name.seemodo.app` |
| **Custom domain**         | Pro+ plans. Point your own domain to the deployment             |

To set your custom path, type it in the domain input field in the Deploy panel. It instantly updates your public URL.

### Password protection

For Business and Enterprise plans, you can add password protection to your deployed site — restricting access to only those with the password.

## Deployment states

| State        | Meaning                                 |
| ------------ | --------------------------------------- |
| **Draft**    | Not yet deployed                        |
| **Pending**  | Deployment queued                       |
| **Building** | Code is being compiled and packaged     |
| **Live**     | Successfully deployed and accessible    |
| **Error**    | Deployment failed (check error message) |

## Re-deploying

After making changes through the AI Coder, click **Publish** again to deploy the latest version. Previous deployments remain in history.

## Deleting deployments

Remove old deployments from the history using the delete button on each entry.

## Next steps

<CardGroup cols={2}>
  <Card title="GitHub" icon="code-branch" href="/en/seemodo/github">
    Sync your code with GitHub
  </Card>

  <Card title="Projects" icon="folder" href="/en/seemodo/projects">
    Manage your projects
  </Card>
</CardGroup>