Netlify: Deploy to Netlify

Join the AI Workshop to learn more about AI and how it can be applied to web development. Next cohort February 1st, 2026

The AI-first Web Development BOOTCAMP cohort starts February 24th, 2026. 10 weeks of intensive training and hands-on projects.


Now we’re going to pick the simple repository we created previously with an HTML file, and deploy it on Netlify.

It will be a quite silly website to have, but the important thing is learning the process of making something you’ve made available on the Internet.

Untitled

Click the Import from Git button and choose GitHub:

Untitled

This prompts you to authorize Netlify on GitHub again because this time we ask it to access the code repositories:

Untitled

In this screen, you can authorize it to access all repositories or just some specific ones. To keep things simple I would **choose “All repositories”. Click Install:

Untitled

Now we’re back at Netlify and we can pick which repository we want to use for our first project on Netlify.

I only have 1 repo in this GitHub account, so I’ll choose that:

Untitled

In the next screen, just click “Deploy site”:

Untitled

Netlify will proceed to deploy the site using the code in the GitHub repo:

Untitled

You’ll see a screen with a “Site deploy in progress” step, and after a few seconds, you’ll see the site deployed successfully on a .netlify.app domain, in my case https://symphonious-licorice-2299da.netlify.app

Untitled

And here’s our site live:

Untitled

This is it!

Now you could buy and assign a custom domain name, like mygreatlandingpage.com, but it’s not required now.

You should do this step if it’s a serious project. Like the ones I have on flaviocopes.com, bootcamp.dev, and others.

Your site is live on the Internet and anyone can see it if you hand them your .netlify.app domain.

The process was a bit complicated, but once you’re done with setting up the repository on GitHub and connecting to Netlify, now every time you do any change, create a commit, and push this commit to GitHub, Netlify will automatically deploy the changes you’ve made.

This is great for productivity. You just push, and the machines take care of all the rest.

Let’s try it!

Open VS Code again, and change testing to IT WORKS!:

Screenshot 2022-12-24 at 12.51.47.png

Push the change to GitHub:

Screenshot 2022-12-24 at 12.52.00.png

And in a few seconds, you should see the changes live!

Untitled

And on Netlify you will see the new deployment show up as the newly published production deployment:

Untitled

Lessons in this unit:

0: Introduction
1: Create a Netlify account
2: ▶︎ Deploy to Netlify
3: A tutorial to host your Static Site on Netlify
4: Auto trigger deploys on Netlify
5: Netlify Lambda Functions Tutorial
6: How to use environment variables in Netlify functions
7: How to use npm packages in Netlify Functions
8: How to access query parameters in Netlify functions
9: How to test Netlify Functions locally
10: How to use Netlify Edge Functions
11: How to set up "cloud cron jobs" using Netlify Scheduled Functions
12: How I fixed the trailing slash in Netlify rewrites
13: Durable cache on Netlify
14: How to return HTML from a Netlify function
15: How to use ES modules in Netlify functions
16: How to trigger a Netlify-Vercel-Cloudflare Pages redeploy using a link