Projects and files

​

Create, edit, and delete projects

Create and manage Bolt projects.

​

Create a new project

To create a new Bolt project, start a new chat: enter your prompt in the Bolt homepage.

​

View existing projects

You can view your existing projects by hovering over the left side of the screen or clicking Open sidebar . This opens the Bolt menu. Click a previous chat to open it and continue working on it.

​

Edit the project title

To edit a project title:

1. Open the project.
2. Click the menu by the title.
3. Click Rename.
4. Enter the name.
5. Click the check mark button to save the change.

​

Delete a project

To delete a project, you need to both delete the chat, and deleted the associated project in StackBlitz:

1. Delete the chat:
   1. Hover over the left side of the screen or click Open sidebar to view the chat list.
   2. Hover over the chat you want to delete.
   3. Click Delete .
2. Delete the project in StackBlitz:
   1. Log in to your StackBlitz account.
   2. Go to Collections > Bolt collection.
   3. Click the menu icon on the project you want to delete.
   4. Click Delete project.

​

Create, edit, and delete files

By default, your Bolt project shows your chat and a preview of the app you’re building. If you want to directly edit your project files, you can switch from Preview to Code view. This is useful if you:

• Know exactly what needs changing, and want to make quick edits yourself rather than asking the AI.
• Need to troubleshoot.
• Want to explore your code and content.

To work with files in your Bolt project, switch to Code view using the Code Preview toggle.

Open a file for editing by clicking on it. Bolt opens the file in the editor. Once you’ve made your changes, click Save or press Ctrl + s. Bolt automatically builds your changes. Switch to Preview mode to view them.

Create a new file: right-click in the Files list, then select New file….

Delete a file: right-click on the file you want to delete, then select Delete.

​

Upload files

You can upload individual files to Bolt. These files can either be added to the project, or used as reference by the AI. When you upload a file, you can tell Bolt how to use it in a prompt, or rely on Bolt automatically detecting how it should be used.

You can upload files when creating a new project on the Bolt homepage, or in an existing project in your chat. To upload a file, either:

• In the chatbox, click Upload files , then select the files you want to upload.
• Drag and drop the file into the chatbox.

For example, you could:

• Upload an image file to use as a logo on your website. Prompt:

  Copy

  Ask AI

  Use the attached file as a logo in the header of the website.
  

  Bolt adds this file to the project files.

• Upload an image file as inspiration, to show Bolt the look and feel you want to aim for.

  Copy

  Ask AI

  Using the attached image for inspiration, change the site's colors, 
  fonts, and other styles to match the image style.
  

  Bolt stores this temporarily to work with it, but doesn’t permanently add it to your project’s files.

​

Download projects and work with them locally

To run the project locally, you’ll need Node.js installed.

Download and run a project on your computer:

1. In your project, click Export > Download. Bolt downloads a .zip of your project.
2. Unzip the project.
3. Navigate to the project in your terminal and run:
   Copy

   Ask AI

   npm install && npm run dev
   

​

Duplicate projects

Duplicating your project creates a fresh copy of the project in Bolt. It keeps all code and settings, apart from GitHub and Netlify integration settings.

To duplicate a project, open it in Bolt, then:

1. Open the menu next to the project name.
2. Click Duplicate.
3. If you have integrations active in the project, Bolt displays a dialog that confirms which integration settings it will copy. Click Duplicate in the dialog to continue.
4. Bolt creates a new copy of the project, with an empty chat history.

If you want some information from your chat history to be available in the new project, generate a summary in the old project and upload it in the new project.

Get the AI to summarize your chat history in your old project:

1. Switch to Discussion Mode: in the Bolt prompt box in your project, click Toggle
2. Prompt the AI: Please generate a short summary of our conversation so far.
3. Check that the AI response is accurate and contains everything you need.
4. Copy the response out of Bolt and save it as a .txt or .md file.

In your new project, add the chat summary:

1. Switch to Discussion Mode: in the Bolt prompt box in your project, click Toggle
2. Click Upload files
3. Provide a prompt such as:
   Copy

   Ask AI

   The attached file is a summary of previous discussion about this project.
   Please use it when working on future changes.
   

4. Press Enter to upload the file and your prompt.

​

Continue in StackBlitz

If you decide you want to stop working with the AI, you can continue working on your project in StackBlitz’s IDE. StackBlitz is Bolt’s parent company, and accounts are automatically linked.

To open your Bolt project in the StackBlitz web IDE:

In your project, click Export > Open in StackBlitz.

Learn more about the StackBlitz IDE in StackBlitz’s documentation.

​

Open a StackBlitz project in Bolt

There are two ways to open StackBlitz projects in Bolt:

1. Use the Open in Bolt button located in the upper-left corner of any StackBlitz project.
2. Manually enter the following URL pattern in your browser: https://bolt.new/~/STACKBLITZ_PROJECT_SLUG_HERE

​

Open a public GitHub project in Bolt

You can open any public GitHub project in Bolt by putting bolt.new in front of the GitHub repository URL. For example: bolt.new/~/github.com/mantinedev/remix-template.

To connect your GitHub account to Bolt and sync projects, refer to GitHub for version control.