ππ
On today's coding series, we are talking about Hosting your website for free.
Hosting your website is something a developer would love to do and after procrastinating for a while I did a little research to find a way to deploy or host some of my websites.
While they're other free hosting platforms;
- Heroku.com
- Vercel.com
- Glitch.com
- Surge.sh
- Fly.io
- Firebase
πΆI only had time to check GitHub and Netlify,and i'll check the others out soon.
π
Publishing on GitHub
While GitHub acts as a platform for collaboration, and managing source codes, it also provides the opportunity for developers to publish their codes for free. π
ββ
Step 1: Repositories
Visit your repositories and select the repository to be published.
ββ
Step 2: Settings ποΈ
In your selected Repository, click on settings to go to your repository settings page.
ββ
Step 3: Pages π
On the left sidebar of the repository settings, click on pages to open up GitHub pages.
ββ
Step 4: Branch Selection πΏ
Still in the GitHub pages, click the drop-down menu on the source section and select a branch. save it afterwards.
ββ
Step 5: The Linkπ
Your website is published when you save, and in a few seconds you'll see a link to your newly published website.
ππYou are now a published developer. ππ
Next is Netlify
Publishing on Netlify
Publishing on Netlify gives the developer the opportunity to bind multiple domain names and keep the original repository private.
ββ
Step 1: Add New Siteβ
If your Netlify account is linked to your Git account, you would get the import from GitHub button, when logged in.
You could also deploy manually using a simple drag and drop or browse to upload method.
ββ
Step 2: Connect to Git providerπ₯οΈ
When we click on the import from Git button, it simply wants access to your source codes in order to deploy it. You should have your codes on either GitHub, Gitlabs or Bitbucket to achieve this.
ββ
Step 3: Authorize NetlifyβοΈ
Click on the Authorize Netlify to establish a connection from GitHub.
ββ
Step 4: Select Repositoryπ€³
Once a connection is established, you can select the repository you want to publish.
ββ
Step 5: Configure your settingsπ οΈ
There is not much to do here. You can also deploy after changing the branch.
ββ
Step 6: Publish Siteπ’
After deploying your site. Netlify takes it up and creates your site in no time.
You can take a step further to change the site name using site settings
Save site name
You can copy your site link and show the world how published you areπ
Until Next timeπ
P.S: I am thinking of writing an article comparing Netlify and GitHub.
I think it'll be nice to know the Pros and Cons of each.
Also, if you find something I missed in the article or would like to share anything helpful, please comment. I would love to know what you think about it.
Top comments (6)
Nice
Thank you βΊοΈ
Thank you for sharing this! A nice tutorial! I only use git as code repositories and never thinking of acting it as server!
You're welcome. I'm glad it helped.
Wow that is really amazing
Thank you Andrew!ππ