How to deploy a website on Netlify

Have you just built your first website and want to make it live on the internet?

Good news — you can deploy it for free using Netlify!

In this guide, we’ll go through the step-by-step process of deploying a static website (HTML, CSS, JS) on Netlify — no complicated server setup required.

🧰 What You’ll Need

Before we start, make sure you have:

• ✅ A Netlify account — Sign up here
• ✅ Your website folder (containing index.html)
• ✅ A GitHub account (optional but recommended)

🚀 Option 1: Deploy via Drag and Drop

If your site is ready locally, this is the easiest way:

1. Go to https://app.netlify.com/drop
2. Drag your project folder (with index.html) into the box
3. Wait a few seconds — and boom! 🎉 Your site is live with a free Netlify domain (like your-site-name.netlify.app)

You can even customize the domain later under Site Settings → Domain Management.

🧑‍💻 Option 2: Deploy via GitHub

This is a better approach if you plan to update your site often.

1. Push your website code to a GitHub repository
2. Go to Netlify Dashboard → Add New Site → Import from Git
3. Connect your GitHub account
4. Choose the repository you want to deploy
5. Click Deploy Site

Netlify will automatically build and host your website — and every time you push new changes to GitHub, Netlify redeploys it automatically. 🔁

⚙️ Bonus: Custom Domain Setup

Want to use your own domain like www.mywebsite.com?

1. Go to Site Settings → Domain Management
2. Click Add custom domain
3. Enter your domain name and follow the verification steps

Netlify also provides free SSL certificates via Let’s Encrypt. 🔒

🎯 Conclusion

That’s it! 🎉 You just learned how to deploy your website on Netlify in a few minutes — completely free, with auto updates and HTTPS.

💡 Pro tip: Netlify also supports React, Vue, and Next.js apps with zero configuration.

If you found this guide helpful, give it a ❤️ and drop a comment below!

You can also follow me for more quick web development tutorials.

Happy Deploying! 🚀