# Bolt

Create stunning apps & websites by chatting with AI.

### Setup Instructions

## Connect Bolt to Your Xano Backend

Build your backend in Xano first, then let Bolt generate a frontend that's already wired up to your API.

### How It Works

1. Build your API endpoints in Xano
2. Go to **API > Documentation** in your Xano dashboard
3. Click the link at the top of the documentation page that opens
4. Save the JSON file — this is your OpenAPI spec
5. In Bolt, start a new project and attach the JSON file to your prompt
6. Tell Bolt to use the backend you've already built in Xano and to refer to the attached API spec for all endpoints and data structures

### Tips

- The more descriptive your endpoint names and descriptions are in Xano, the better Bolt will understand your API
- Be specific in your prompt about what kind of frontend you want — Bolt will map it to your existing endpoints
- If your API uses authentication, mention that in your prompt so Bolt sets up login/token handling correctly

[Learn more about exporting your Xano API spec →](https://docs.xano.com/the-function-stack/building-with-visual-development/apis/swagger-openapi-documentation#workspace-level-documentation)

## Start building smarter backends today.

Xano gives you everything you need to ship modern applications—fast, securely, and at scale.

[Get started for free](https://app.xano.com/signup?plan=build&cluster_id=1&segment=eyJhbm9ueW1vdXNJZCI6IjYxMjkyNTQ1MTYuNTc4OTgwODg2NiIsInV0bV9tZWRpdW0iOiIiLCJ1dG1fc291cmNlIjoiIiwidXRtX2NhbXBhaWduIjoiIiwidXRtX3Rlcm0iOiIiLCJ1dG1fY29udGVudCI6IiIsInJlZmVycmVyIjoiaHR0cHM6Ly93d3cuZ29vZ2xlLmNvbS8ifQ%3D%3D)