DEV Community

loading...
Cover image for Netlify Drop - the easiest deployment ever

Netlify Drop - the easiest deployment ever

dailydevtips1 profile image Chris Bongers Originally published at daily-dev-tips.com ・2 min read

Alright, so 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 we can deploy anything, we need to make sure 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 make sure all the CSS is in place.

Run the following command to build all the assets.

npm run build
Enter fullscreen mode Exit fullscreen mode

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.

You can visit my website here: 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

Discussion (6)

Collapse
devbyrayray profile image
Dev By RayRay

This is super useful for small demo's 😁 I'm using this already for a long time!

Collapse
dailydevtips1 profile image
Chris Bongers Author

Awesome! Super powerful and quick, loving it

Collapse
devbyrayray profile image
Dev By RayRay

For sure!!

Collapse
vanaf1979 profile image
Stephan Nijman

This is such an amazing feature! :)

Collapse
dailydevtips1 profile image
Chris Bongers Author

Yeah super easy to use, back to FTP days really 🤩

Collapse
vanaf1979 profile image
Stephan Nijman

Oh sometimes i miss those ftp days... so simple and straightforward! :p

Forem Open with the Forem app