Netlify Drop: Publish a Website in Minutes by Drag and Drop

What is Netlify Drop?

Netlify Drop is the simplest way to put a website online. Instead of setting up hosting, FTP or Git, you drag a folder of website files into your browser and Netlify publishes it on its global network with a link like your-site-name.netlify.app.

It is ideal for:

• Websites generated by ChatGPT, Claude or Gemini as HTML, CSS and JavaScript files
• Projects exported from Lovable, Bolt or v0 after you build them
• Portfolios, landing pages, event pages and prototypes you want to share quickly
• Students and designers who don’t want to learn deployment yet

How to deploy a website with Netlify Drop

These steps work for any static website — a folder that contains an index.html file.

• Time: 2–10 minutes
• Cost: Free to start

You'll need: Your website folder · A browser · A free Netlify account (recommended)

1. Prepare your folder

   Make sure the folder has index.html at the top level — not inside another folder. If you downloaded a ZIP, unzip it first; Drop expects a folder. Keep CSS, JS and images in the same folder with the paths your HTML uses.

2. Log in to Netlify (recommended)

   Sign up free with GitHub, Google or email. Sites dropped while logged out are anonymous and temporary — Netlify asks you to claim them, and unclaimed sites can be taken offline. Logging in first keeps the site in your account.

3. Open the drop zone

   Go to app.netlify.com/drop, or open your team’s Projects page and scroll to the drag-and-drop area.

4. Drag your folder in

   Drop the whole folder. Netlify uploads it and gives you a live URL within seconds. Open it on your phone to check everything loads.

5. Rename the site

   In Project configuration → Change project name, give it a readable name so the link becomes yourbrand.netlify.app.

6. Add your own domain

   Go to Domain management → Add a domain, enter yourbrand.in, and follow the DNS instructions — either point your domain’s records to Netlify or switch nameservers to Netlify DNS. HTTPS is issued automatically once DNS is verified.

7. Update the site later

   Make your changes locally, then drag the updated folder onto the deploy drop zone at the bottom of the project’s Deploys page. Netlify keeps previous deploys, so you can roll back with one click.

Deploying a React, Vite, Lovable or Bolt project

Modern JavaScript apps must be built before they can be served. If you drop the source folder (with package.json and src) while logged out, Netlify publishes the files as they are and you will see a blank page.

1. Run npm install and then npm run build on your computer.
2. Drop the output folder — usually dist for Vite, Lovable and Bolt, or build for Create React App.
3. For apps with client-side routing, add a file named _redirects inside the output folder containing /* /index.html 200, so refreshing a page doesn’t show “Page not found”.

When you are logged in, Netlify can detect common frameworks and run the build for you. For ongoing work, connecting a GitHub repository is better than dragging folders — every push deploys automatically. Our Netlify custom domain guide covers Git deploys and DNS in detail.

Common Netlify Drop problems and fixes

Is Netlify Drop enough for a business website?

For a static website — a portfolio, landing page or small business site with no database — Netlify Drop on a free account can be all the hosting you need. Netlify’s free plan has monthly usage limits; check the current plan details if you expect heavy traffic.

It is not enough on its own when you need a contact form that stores leads in a database, user logins, an online store, server-side code (PHP, Node APIs) or business email. Those need a backend, a different host or extra services. If your site is outgrowing a drag-and-drop deploy, we can move it to proper hosting with your domain, email and backups.

Frequently asked questions

What people ask AI about this

Questions people type into ChatGPT, Gemini and Google — answered directly.