DEV Community

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

Posted on β€’ Edited on

8 3

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

Image of Datadog

How to Diagram Your Cloud Architecture

Cloud architecture diagrams provide critical visibility into the resources in your environment and how they’re connected. In our latest eBook, AWS Solution Architects Jason Mimick and James Wenzel walk through best practices on how to build effective and professional diagrams.

Download the Free eBook

Top comments (1)

Collapse
 
lauragift21 profile image
Gift Egwuenu β€’

Netlify FTW πŸ’ƒ

Cloudinary image

Optimize, customize, deliver, manage and analyze your images.

Remove background in all your web images at the same time, use outpainting to expand images with matching content, remove objects via open-set object detection and fill, recolor, crop, resize... Discover these and hundreds more ways to manage your web images and videos on a scale.

Learn more

πŸ‘‹ Kindness is contagious

Please leave a ❀️ or a friendly comment on this post if you found it helpful!

Okay