Deploying to GitHub Pages using GitHub Actions

Continuous Integration DevOps Tools Static Site Generators

GitHub Pages Landing Page
1

GitHub Pages

A free, static web host for open-source projects on GitHub
Pricing:
- Open Source
Like many developers in this day and age I rely on a service provided by GitHub called GitHub Pages to deploy my side projects, experiments and blog. It is free, has custom domain support, and overall works really well for static sites. The only downside is that deploying a page can sometimes be a hassle depending on the code structure. In this article I'll talk about using GitHub Actions to simplify this process. I have also recorded a video if that's more your speed!

#Static Site Generators #Cloud Computing #Blogging 466 social mentions
GitHub Actions Landing Page
2

GitHub Actions

Automate your workflow from idea to production
Pricing:
- Open Source
The best thing to do in my opinion is to automate this process using GitHub Actions. GitHub Actions is a CI/CD tool that allows you to trigger a workflow on any event that GitHub Supports. It's very similar to things like CircleCI and Jenkins except it has really great support for this sort of task in the form of community created actions.

#DevOps Tools #Continuous Integration #Continuous Deployment 274 social mentions
GitHub Landing Page
3

GitHub

Originally founded as a project to simplify sharing code, GitHub has grown into an application used by over a million people to store over two million code repositories, making GitHub the largest code host in the world.
Pricing:
- Open Source
Like many developers in this day and age I rely on a service provided by GitHub called GitHub Pages to deploy my side projects, experiments and blog. It is free, has custom domain support, and overall works really well for static sites. The only downside is that deploying a page can sometimes be a hassle depending on the code structure. In this article I'll talk about using GitHub Actions to simplify this process. I have also recorded a video if that's more your speed!

#Code Collaboration #Git #Version Control 2036 social mentions
CircleCI Landing Page

4

CircleCI

CircleCI gives web developers powerful Continuous Integration and Deployment with easy setup and maintenance.

The best thing to do in my opinion is to automate this process using GitHub Actions. GitHub Actions is a CI/CD tool that allows you to trigger a workflow on any event that GitHub Supports. It's very similar to things like CircleCI and Jenkins except it has really great support for this sort of task in the form of community created actions.

#Continuous Integration #Continuous Deployment #DevOps Tools 61 social mentions
Angular.io Landing Page

5

Angular.io

Angular is a JavaScript web framework for creating single-page web applications. The code is free to use and available as open source. It is further maintained and heavily used by Google and by lots of other developers around the world.

In order to better illustrate lets take a basic Angular application and observe its package.json file. Here we have scripts for starting the application locally, and another for compiling The production ready build. When the build script is finished it pushes the contents into a subfolder called build which is what we use on our web server.

#JavaScript Framework #JS Library #Web Development Tools 283 social mentions