How to drag and drop deploy on Netlify

beginner 7 min read Updated 2026-03-13

Quick Answer

Drag and drop your static site folder containing index.html into Netlify's deploy zone for instant deployment with a unique URL. Keep sites under 50MB and files under 10MB to avoid upload issues. For updates, drag the updated folder to the Deploys page dropzone or use CLI for larger projects.

Prerequisites

Netlify account (free tier works)
index.html file in the root of your deploy folder
Project folder under 50MB total with no files over 10MB
Chromium-based browser like Chrome or Edge
All assets organized in a single folder

Step-by-Step Instructions

Access Netlify Drop or Projects page

Go to the Drag and Drop publisher page directly at Netlify Drop, or navigate to your team's Projects page, click the Add new project menu, and select Deploy manually. No account is needed for initial deploys via Netlify Drop.

Prepare your project folder

Organize all your project files in a single folder containing your build or output folder (commonly named dist, build, or public). This folder should include your HTML, CSS, JS, and related built files. If you have a zip file, unzip it first and ensure files are in a folder.

Use your project's output folder, not the source folder with build tools.

Verify index.html in root

Confirm that index.html exists in the root of your project folder. Example structure:

Site folder
├── 404.html
├── index.html
├── robots.txt
├── sitemap.txt
└── sitemap.xml

Missing index.html causes Page not found errors.

Check file size limits

Ensure your deploy folder is under 50MB total and no individual files exceed 10MB. Large files cause uploads to get stuck. For bigger projects, use the Netlify CLI instead.

Compress images and host large media externally like YouTube.

Drag and drop to deploy

Drag your project folder into the Deploy zone (dropzone box in the Netlify UI). Your site goes live within a few seconds with a unique preview URL. Use a stable Chromium browser with ample RAM (at least 4x site size).

Retry after 10 minutes if a previous deploy is stuck; it auto-aborts.

Update your project locally

Make changes to your project files on your local machine and rebuild to generate updated output files in your build folder.

Redeploy updated files

For an existing drag-and-drop site, drag your updated output folder to the deploy dropzone at the bottom of the site's Deploys page. This triggers a new deploy with your changes.

This works for any site not connected to Git.

Monitor deploy status

Watch for the site to go live or check for hangs on Uploading or In progress. Drag-and-drop lacks logs, so silent failures are common with large files.

Switch to CLI for reliable deploys over 50MB.

Common Issues & Troubleshooting

Stuck on Uploading or In progress >10 min

Retry immediately as old deploys auto-abort after 10 min. Optimize files under 50MB total and 10MB per file, use Chromium browser with enough RAM, stable network. Switch to CLI for larger sites.

Page not found error

Ensure <code>index.html</code> is in the root of the folder, not a subfolder. Verify all assets are in one folder structure.

Upload gets stuck on large files

No individual files over 10MB; compress or host externally. Deploys under 50MB work best. Use Netlify CLI for anything larger.

Deploy fails in non-Chromium browser

Switch to latest Chrome or Edge with sufficient free RAM (4x site size).

Scattered files or wrong folder

Put all assets in a single folder like <code>myproject/index.html</code> and <code>myproject/assets/...</code>. Drag the build/output folder.

Visit Netlify View Netlify Pricing