:root {
  --button-bg: white;
}

.bolt-inline-image {
  display: inline;
  margin: 0;
}

.mt-14 {
  display: none;
}

Information on best practices and optimizations

Overview

Best practices

Bolt

Welcome

Welcome to Bolt

What is Bolt, how does it work, and resources to use Bolt effectively.

Introduction to Bolt

Introduction to LLMs

The lifecyle of an app, and how to work through it with Bolt.

Build your first app

Browser support

Projects and files

Navigating the Bolt interface and features

Interacting with Bolt

How to go back to a previous point in your project, and create and use backups

Backups and reverting changes

Supported technologies

Database

Authentication

Use Discussion Mode in Bolt to get help without immediately generating code

In-app help with discussion mode

Optimize token usage to keep your costs down

Maximize token efficiency

Prompt effectively

Bolt integrates directly with Figma to import designs and generate

Figma for design

Using Supabase with Bolt to add a database, authentication, or edge functions to your app.

Supabase for databases

Bolt integrates directly with Stripe to handle user payments and subscriptions.

Stripe for payments

Use Netlify to deploy and host your Bolt projects.

Netlify for hosting

Using Bolt with Expo to create mobile apps.

Expo for mobile apps

Bolt integrates directly with GitHub, handling all commit and update operations automatically.

GitHub for version control

Import from Lovable

Accounts and subscriptions

Billing

Tokens

Accounts

Teams plans

Corporate and commercial

Avoid errors and troubleshoot common issues

Troubleshooting

Bolt issues

Integrations issues

Login issues

Join the community, follow Bolt, and get more help

Building with Bolt

Best practices

Using Bolt with other tools

Accounts and subscriptions

Troubleshooting

Community and support

Best practices

Prompting effectively

Discussion mode

Token efficiency