The development of this course is currently in progress. Some lessons and modules are incomplete.
Subscribe to be notified when the content is complete
Deploy a Website
Now that you have created a web page, let's deploy it to the internet so anyone in the world can go view it.
We won't be doing any coding in this activity. However it will give an introduction to git, a version control system that is vitally important to becoming a developer. In exchange for your hard work, you'll have a website accessible from any web browser, that you own completely.
- Text Editor
- Web Browser
- The Github Desktop App
- A Github Account
- A Vercel Account
Step 1: Create your accounts
Go to https://github.com and create an account if you don't have one
- If you do, great! Skip this step
Go to https://vercel.com and login using Github
Step 2: Create a code repository
Now that you have your accounts, let's create a place on Github to store your code.
- Go to Github.com
- In the upper right, click the plus > new repository
- Name it
Voila, you've created a repository
Step 3: Upload your code
The final screen from the last step has some pretty wild instructions that are meant to use with a Terminal application. It's helpful to learn the command line, but for simplicity's sake, we're going to use the Github Desktop App.
- Open the Github Desktop App and login with your Github Credentials
- Create a repository in the folder where you created the
- Create a commit
- Publish master branch
Your code has now been published to the repository on Github.
Step 4: Prepare your code for deployment
- Create a
publicfolder inside of
index.htmlinside of the public folder
- Create a commit and publish
Step 4: Deploy your website
Now that your code is on Github, vercel can grab it and deploy it. We just need to configure it to do so.
- Navigate to vercel.com
- Log in with Github if you haven't already
- Grant access to the
- Configure the deployment to deploy your public folder
- Wait for it to deploy
- Go look at it!
You've successfully created a repository, pushed some code, and deployed it to the internet. You can give your link to anyone and they can go view your site.
We lightly touched on git by using Github. Keep in mind that this is an important topic. For now, all of the instructions will be very explicit on how to use it.
Now that we have deployed the site by hooking up our Github repository to Vercel, every time we push an update, the update will automatically be deployed by Vercel.
In the next lessons, we'll work on flushing out the website more so that it becomes something you want to share!