It's great that we've built our webpage with HTML and CSS files, but now we want to make them available on the web so we can show our friends and family our webpage!
Before we get started, let's go over some basic concepts first:
- Deploying your webpage refers to putting your webpage on the internet so others can view it.
At the moment, your webpage is only available locally, on your computer. We're going to make it so your webpage can be viewed on the internet! We're going to use a web hosting service called Netlify. A web host is a business that provides a service needed for your webpage to be viewed on the internet.
In this practical exercise, we will do the following:
- Register for Netlify account
- Deploy your webpage to Netlify
NB: Netlify is a FREE service and so you won't be charged
-
Go to https://www.netlify.com/
- Click Sign up in the top righthand corner
- Select Email
- Enter your email and a password to use for this site
- Verify your account by checking your email
-
On your OS (Mac Finder / Windows Explorer)
- Find the boilerplate folder we've been working in, on your computer.
-
On Netlify (once signed in)
- Drag the boilerplate folder into Netlify where it says "Drag a folder with a static site here".
- Netlify will then give you a generated link with a random generated name e.g.
https://youthful-ardinghelli-fe460d.netlify.comThis is your webpage! - Go to the link and see your webpage now online! Don't forget to share with your family and friends!
Here's an example of what your netlify web link could look like when you've completed the steps above: