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


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

.mint-text-center {
    text-align: center
}
.mint-text-gray-900 {
    --tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity))
}
.dark\:mint-text-gray-200:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(229 231 235 / var(--tw-text-opacity))
}

Welcome

Welcome to Bolt

Bolt

This document should serve as a starting point for all users interested in using Bolt to help code up their next project! It is *highly recommended* that non-developers work through this document from beginning to end before getting started, but feel free to jump around to the topics as you see fit.

Getting Started Guide for Bolt.new

Using Bolt

Supported Technologies

Database

Authentication

Deploy

Information on best practices and optimizations

Overview

Best practices

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.

This guide explains how to turn any [Figma](https://figma.com) design into a full stack app through our integration with [Anima](https://animaapp.com).

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

Using Bolt with Netlify to deploy and host your project.

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.

Building with Bolt

Best practices

Using Bolt with other tools

Accounts and subscriptions

Troubleshooting

Community and support

Welcome to Bolt

Get started with Bolt

Getting Started Guide

Best practices

Integrations

Community