--- title: Deploy a Bolt.new app with Vercel Drop description: Export your Bolt.new project as a .zip and deploy it to Vercel with Vercel Drop. Vercel detects the framework and builds it for you. url: /kb/guide/bolt-vercel-drop canonical_url: "https://vercel.com/kb/guide/bolt-vercel-drop" published: 2026-06-11 last_updated: 2026-06-11 authors: Ben Sabic related: - /docs/frameworks/frontend/vite - /docs/git - /docs/drop - /docs/environment-variables - /docs/deployments/managing-deployments install_vercel_plugin: npx plugins add vercel/vercel-plugin --- ## Related pages > **For AI agents:** Follow these links to understand how this page connects to the rest of the Vercel ecosystem. For the full cross-link map (inbound, outbound, prerequisites, and semantic neighbors), see the .graph.md link below. - [Deployments](https://vercel.com/docs/deployments?from=related) — Learn how to create and manage deployments on Vercel. - [Deploy from CLI](https://vercel.com/docs/projects/deploy-from-cli?from=related) — Set up and deploy a Vercel project using the CLI, from linking to production. - [Deploying from CLI](https://vercel.com/docs/cli/deploying-from-cli?from=related) — Learn how to deploy your Vercel Projects from Vercel CLI using the vercel or vercel deploy commands. - [Vercel Drop vs Netlify Drop](https://vercel.com/kb/guide/vercel-drop-vs-netlify-drop?from=related) — Compare Vercel Drop and Netlify Drop for drag-and-drop deployment: framework builds, static sites, updates, size limits, - [Export your Webflow site and host it on Vercel](https://vercel.com/kb/guide/webflow-vercel-drop?from=related) — Learn how to export your Webflow site's code and host it on Vercel with Vercel Drop. Drag your .zip export into the brow - [Migrate a TanStack Start app from Cloudflare to Vercel](https://vercel.com/kb/guide/migrate-a-tanstack-start-app-from-cloudflare-to-vercel?from=related) — Move your TanStack Start app off Cloudflare Workers and onto Vercel Functions, where Fluid compute scales it automatical - [Build with a Nitro starter template](https://vercel.com/kb/guide/build-with-a-nitro-starter-template?from=related) — Deploy a Nitro app to Vercel from a starter template. Compare the Nitro Starter, route rules, cached HTTP handler, plugi - [How to ship a Nitro app on Vercel](https://vercel.com/kb/guide/ship-a-nitro-app-on-vercel?from=related) — Deploy a Nitro app to Vercel with zero configuration. Learn how to ship from a template, the Vercel CLI, or Git, and con Full cross-link map for this page: [/kb/guide/bolt-vercel-drop.graph.md](/kb/guide/bolt-vercel-drop.graph.md) [Bolt.new](https://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](https://vercel.com/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](https://vercel.com/docs/frameworks/frontend/vite) or [Next.js](https://nextjs.org/), 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. ## Prerequisites - A [Bolt.new](https://bolt.new/) project. - A [Vercel account](https://vercel.com/signup). The free Hobby plan works. ## Steps ### 1\. Export your project from Bolt 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. ### 2\. Drop the file into Vercel Go to [vercel.com/drop](https://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. ### 3\. Name your project and deploy 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. ### 4\. Add environment variables (if your app uses them) 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](https://vercel.com/d?to=%2F%5Bteam%5D%2F%5Bproject%5D%2Fsettings%2Fenvironment-variables) and recreate each value. Redeploy for the changes to take effect. ## Troubleshooting ### The build fails 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](https://vercel.com/d?to=%2F%5Bteam%5D%2F%5Bproject%5D%2Fsettings%2Fenvironment-variables). ### The app deploys but features don't work 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. ## Updating your app after changes 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](https://vercel.com/docs/git). After that, every push deploys automatically, and your URL stays the same. ## Resources and next steps - Read the [Vercel Drop documentation](https://vercel.com/docs/drop) for limitations and details. - [Deploy from Git](https://vercel.com/docs/git) for automatic deployments on every push. - [Environment variables](https://vercel.com/docs/environment-variables) to manage secrets across environments. - [Managing deployments](https://vercel.com/docs/deployments/managing-deployments) to redeploy, inspect, and promote.