Netlify Drop - the easiest deployment ever


This must have been the easiest deployment ever, using Netlify drop!

1 Mar, 2021 · 2 min read

We now made a super cool HTML starter with tailwind, but how can we host this somewhere online, so people can view it?

As you may know, this website is hosted on Netlify, and I love it! The website is hosted through Git push and GitHub actions.

But for this one, I wanted to try Netlify Drop, the simple drag n drop deployment.

Preparing the website upload

Before deploying anything, we must ensure our upload file is ready.

If you are using the demo project (HTML Starter), we’ll be using the src directory as the contents we’ll upload.

Before that, we need to ensure all the CSS is in place.

Run the following command to build all the assets.

npm run build

Now the files inside the src directory are up to date.

Uploading a static website to Netlify

Now let’s head over to Netlify Drop.

Netlify drop interface

Now, drop the src folder on that field above.

Upload on Netlify done

And there we go, nothing fancy needed, just a simple drag n drop, and our website is up and running.

My website here is HTML Tailwind starter hosted on Netlify.

Thank you for reading, and let’s connect!

Thank you for reading my blog. Feel free to subscribe to my email newsletter and connect on Facebook or Twitter

Spread the knowledge with fellow developers on Twitter
Tweet this tip
Powered by Webmentions - Learn more

Read next 📖

Adding Tailwind to Eleventy

21 Jan, 2021 · 3 min read

Adding Tailwind to Eleventy

Adding posts to my lifestyle blog in Eleventy - part-2

20 Jan, 2021 · 5 min read

Adding posts to my lifestyle blog in Eleventy - part-2

Join 2099 devs and subscribe to my newsletter