Bolt.new by StackBlitz builds full web apps from prompts, right in your browser, and lets you download the result as a .zip file. Vercel Drop deploys that .zip by dragging it into your browser, with no Git, Vercel CLI, or local setup. Bolt projects are standard framework projects, such as Vite or Next.js, which Vercel detects and builds for you. Together, they take you from a prompt to a live production URL you can share with anyone.
In this guide, you'll export your Bolt project as a .zip, deploy it to Vercel with Vercel Drop, configure environment variables your app needs, and set up automatic deployments if you keep iterating.
- A Bolt.new project.
- A Vercel account. The free Hobby plan works.
In Bolt, open your project and click the project title in the top left of your screen. Click Export, then Download. Bolt bundles your project, and your browser downloads a .zip file with the source code.
Go to vercel.com/drop and drag the .zip onto the page. You can also select a file to upload instead of dragging. There's no need to unzip the export first, because Vercel Drop accepts files, folders, and .zip archives.
Choose the Vercel team to deploy to, enter a project name, and select Deploy. Vercel creates a new project, detects your framework, runs the build, and publishes it straight to production. When the deployment finishes, you get a live URL for your app.
Bolt doesn't include the values from its Secrets panel in the export, so any API keys or service URLs your app relies on are missing after deployment. To add them, open your project’s environment variables page and recreate each value. Redeploy for the changes to take effect.
Open the deployment on the Vercel dashboard and check the build logs. A common cause is a missing environment variable that your app reads at build time. Add it under your project’s environment variables.
Frontend-only features work immediately, but anything that calls an external service needs its environment variables configured first. Recreate the values from Bolt's Secrets panel as described in step 4.
Each drop creates a new Vercel project, so re-exporting from Bolt and dropping again gives you a new project with a new URL. For ongoing development, use Bolt's GitHub integration to push your project to a repository, then connect the repository to Vercel. After that, every push deploys automatically, and your URL stays the same.
- Read the Vercel Drop documentation for limitations and details.
- Deploy from Git for automatic deployments on every push.
- Environment variables to manage secrets across environments.
- Managing deployments to redeploy, inspect, and promote.
