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

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

/* handle Mermaid diagrams and darkmode/lightmode issues */
.mermaid {
  background-color: rgba(159, 162, 166, 0.5); 
  border-radius: 8px;
}

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

Browser support

Projects and files

Guide to the Bolt UI for working with the AI.

Interacting with Bolt's AI

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

Rollbacks and backups

Supported technologies

Database

Authentication

Deploy

Using 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

Information on integrations: Supabase, Figma, Expo, Netlify, GitHub.

Bolt integrates directly with Figma to import designs and generate

Figma for design

Using Bolt with Supabase to add a database to your app.

Supabase for databases

Using Stripe with Bolt to handle user payments.

Stripe for payment

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

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

Discussion mode

Token efficiency

Prompting effectively