Beginner
How to drag and drop deploy on Netlify
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
1
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.
2
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.Tip
Use your project's output folder, not the source folder with build tools.
3
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.xml4
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.
Tip
Compress images and host large media externally like YouTube.
5
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).
Tip
Retry after 10 minutes if a previous deploy is stuck; it auto-aborts.
6
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.
7
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.
Tip
This works for any site not connected to Git.
8
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.
Tip
Switch to CLI for reliable deploys over 50MB.
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
index.html 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
myproject/index.html and myproject/assets/.... Drag the build/output folder.Ready to get started with Netlify?
Put this tutorial into practice. Visit Netlify and follow the steps above.
Visit Netlify →