loading...
Cover image for Deploy and Host in 30 Seconds with Netlify Drop

Deploy and Host in 30 Seconds with Netlify Drop

roseanna profile image Roseanna Mcfarlane Updated on ・2 min read

"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

Posted on by:

roseanna profile

Roseanna Mcfarlane

@roseanna

I'm a software engineer who loves opensource, learning new technologies and coffee

Discussion

markdown guide