Get Started with Netlify Drop

Netlify Drop is the fastest way to publish a web project on the web when your code is on your computer in a folder or zip file and isn’t connected to a Git repository. Drag and drop your project folder to the Netlify drop zone and go live with a sharable URL on the web in seconds.

This is a popular way to publish projects from AI code generation tools as well.

Publish with Drag and Drop

Publish your site or app to the web by dragging and dropping your project’s folder with your site files to the Netlify drop zone. Note that your project folder may be called public.

1. If you haven’t already, log in to your Netlify account at https://app.netlify.com/login. Make sure you’re signed in to the Netlify team where you want to manage your project. If you don’t sign in, you can deploy first and claim it by signing up later.

2. Go to https://app.netlify.com/drop or scroll to the bottom of your team dashboard where all your team-owned projects will be listed.

3. Drag and drop your folder to the Drop zone in the Netlify UI.

4. Find your site at the Preview URL ending in netlify.app. It should now be live and shareable. 🎉

   

   Tip

   If your site is not publishing or not in working order, check out the Troubleshooting tips. You may need to add an empty index.html file in your project folder to get your site to show up as expected.

Iterate on a project published with Netlify Drop

You can update a project deployed using Drop in two ways:

• Option A: Use Agent Runners to update your project in a testing environment before publishing live to the production live version of your site. Requires a Credit-based plan.
• Option B: Drag and drop an updated folder to the drop zone to update your project. Your folder’s changes are autmoatically published and become the latest live version of your site in production.

Option A: Use Agent Runners to update your project

If you have a Credit-based plan, you can iterate on your project using Agent Runners directly from your Netlify dashboard and preview changes before publishing your project’s latest changes to the live production version.

1. From your project dashboard, in the left sidebar, select Agent runs.
2. Enter your prompt, choose an AI agent model, and optionally add more context by uploading files or saving project context. Netlify skills are automatically used but you can also reference your own skills files.
3. Start the agent run with Run.
4. Preview your changes in the preview environment.
5. When you’re ready to deploy to production, select Publish.

Option B: Drag and drop to update your project

If you prefer to iterate on your project using another tool outside of Netlify, you update your project folder with your changes, then drag and drop your updated folder to the publishing drop zone on Netlify.

1. Go to your Netlify project dashboard.
2. Under Production deploys, drag and drop your updated project folder with any updated files to the drag and drop area.

If your project files are in working order, your updates should automatically publish to a new live production version of your site or app. If you’re getting an error, check out the Troubleshooting tips.

Troubleshooting tips

1. What if I have a zip file?

Unzip your project zip file first. Make sure your project files are in a folder. Move your project files to a new folder if necessary.

2. Which folder?

You can drag your project’s build or output folder. This folder usually contains your project’s HTML, CSS, JS, and related built files and may also be called dist, build, or public. Drag this folder into the Drop zone.

3. What if my project isn’t working?

• Make sure your project folder isn’t too large. Deploys under 50MB work best, and individual files over 10MB may cause your deploy to get stuck. For larger projects, use the Netlify CLI.
• Make sure your project folder contains an index.html file at its root level.
• Check that you have a reliable network connection — any network hiccups can cause a deploy to stall.
• Use the latest version of a Chromium-based browser.
• Make sure your computer has sufficient free memory — roughly 4x your uncompressed project size is a good baseline.
• Ask an AI assistant to help troubleshoot. We recommend sharing Netlify AI context files with your AI tool or connecting the Netlify MCP server to help it understand how to build and deploy your project. You can also search errors using Ask Netlify or the Netlify CLI.
• Try running your project locally to confirm it works and to generate the build output folder.

4. What if I update my project?

You can drag and drop your updated project folder into the Drop zone to deploy your latest changes. For steps, check out Iterate on a project published with Netlify Drop.