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

# Bolt.new SEO: Prerender Your Bolt.new App for Google & AI Search

> Fix SEO for Bolt.new apps. Prerender your .bolt.host site so Google, AI search engines, and social media can index your content. Step-by-step setup guide.

## Bolt.new SEO: Why Your App Isn't Ranking on Google

[Bolt.new](https://bolt.new) lets you build and deploy full-stack web apps directly in your browser with AI assistance. Apps built with Bolt.new use client-side rendering, which means search engines often can't see your content.

<Info>
  **Status:** ✅ Fully Supported. Prerender Bolt.new apps with zero code changes
</Info>

## Why Bolt.new Apps Need Prerendering for SEO

Bolt.new apps are deployed to `.bolt.host` subdomains. Search engines may not fully render JavaScript content, resulting in:

* **Google can't index your pages**. Your Bolt.new app renders content with JavaScript, which search engines may not execute
* **Social media previews are broken**. Links shared on Twitter, Facebook, and LinkedIn show blank previews
* **AI search engines skip your content**. ChatGPT, Perplexity, and other AI search tools can't discover your Bolt.new app

## How to Set Up SEO for Your Bolt.new App

<Steps>
  <Step title="Get your Bolt.new app URL">
    Your Bolt.new production URL looks like:

    ```
    https://your-project-name.bolt.host
    ```

    Find this in your Bolt.new project settings or deployment panel.
  </Step>

  <Step title="Add your domain in Hado SEO">
    1. Sign up at [hadoseo.com/auth](https://hadoseo.com/auth)
    2. Enter your custom domain
    3. Paste your Bolt.new app URL
  </Step>

  <Step title="Configure DNS">
    Add these records at your domain registrar:

    | Type | Name | Value          |
    | ---- | ---- | -------------- |
    | A    | @    | `137.66.32.95` |
    | A    | www  | `137.66.32.95` |

    See [DNS Setup Guide](/guides/dns-setup) for detailed instructions.
  </Step>

  <Step title="Verify and launch">
    Click **Verify DNS** in your dashboard. Once verified, your site is live!
  </Step>
</Steps>

## Bolt.new SEO Best Practices: Meta Tags, Sitemaps & robots.txt

### Add SEO Meta Tags to Your Bolt.new App

Implement meta tags in your Bolt.new app:

```jsx theme={null}
import { Helmet } from "react-helmet-async";

function HomePage() {
  return (
    <>
      <Helmet>
        <title>My App - Build Amazing Things</title>
        <meta
          name="description"
          content="A compelling description of your app in 150-160 characters."
        />
        <meta property="og:title" content="My App - Build Amazing Things" />
        <meta
          property="og:description"
          content="A compelling description for social sharing."
        />
        <meta
          property="og:image"
          content="https://yourdomain.com/og-image.png"
        />
      </Helmet>
      {/* Your page content */}
    </>
  );
}
```

### Configure robots.txt and Sitemap for Bolt.new

In your Hado SEO [Domain Settings](/dashboard/domain-settings), configure:

**robots.txt:**

```txt theme={null}
User-agent: *
Allow: /

Sitemap: https://yourdomain.com/sitemap.xml
```

**sitemap.xml:**

```xml theme={null}
<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
  <url>
    <loc>https://yourdomain.com/</loc>
    <priority>1.0</priority>
  </url>
  <!-- Add all your pages -->
</urlset>
```

## Verify Your Bolt.new App Is SEO-Optimized

<CardGroup cols={2}>
  <Card title="Test Bot View" icon="robot" href="https://hadoseo.com/free-seo-bot-crawler-test">
    See what search engines see
  </Card>

  <Card title="Check Previews" icon="share" href="https://hadoseo.com/free-og-preview-checker">
    Test social media previews
  </Card>
</CardGroup>

<Card title="Full SEO Guide" icon="book" href="/guides/seo-optimization">
  Complete SEO optimization best practices
</Card>