Skip to main content

​
Bolt.new SEO: Why Your App Isn’t Ranking on Google

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.
Status: ✅ Fully Supported. Prerender Bolt.new apps with zero code changes

​
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

1

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

Add your domain in Hado SEO

  1. Sign up at hadoseo.com/auth
  2. Enter your custom domain
  3. Paste your Bolt.new app URL
3

Configure DNS

Add these records at your domain registrar:
TypeNameValue
A@137.66.32.95
Awww137.66.32.95
See DNS Setup Guide for detailed instructions.
4

Verify and launch

Click Verify DNS in your dashboard. Once verified, your site is live!

​
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: 
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, configure: robots.txt: 
User-agent: *
Allow: /

Sitemap: https://yourdomain.com/sitemap.xml
sitemap.xml: 
<?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

Test Bot View

See what search engines see

Check Previews

Test social media previews

Full SEO Guide

Complete SEO optimization best practices