DEV Community

Cover image for Deploy and Host in 30 Seconds with Netlify Drop
Roseanna Mcfarlane
Roseanna Mcfarlane

Posted on • Updated on

Deploy and Host in 30 Seconds with Netlify Drop

"I had a website, but hosting was too expensive...other options look difficult to use"

This was something I heard recently from a family member. I immediately suggested they look into Netlify, specifically Netlify Drop.

Netlify has been around for a while now and they have built a really powerful platform with a huge number of tools and features. The best part? It's free and super easy to use!
doge shiba

Let's look at how easy it is for a non technical person to deploy and host a static web site with Netlify and their product Netlify Drop

Step 1: Setup your website folder correctly:

Ensure all the files are named correctly. Html should be in a file named index, CSS should be in a file named styles and Javascript should be in a file named scripts.

Picture showing correct and incorrect file structure

Step 2: Drag and Drop

Drag the folder from your pc into the browser and watch the magic happen.

Gif image showing the process of dragging the project folder into the browser

And that's it!
doge shiba times three

Now you can go ahead and set up your own custom domain, hook the website up with Netlify's cms to manage blog posts or even add and manage forms!

Power to the people baby!
blue haired girl mouth agape

Check out the finished product which is now a bookmark for my newest prized possession Roseanna.dev

Top comments (1)

Collapse
 
lauragift21 profile image
Gift Egwuenu

Netlify FTW 💃