The first GitHub Actions


2 min read

1. Introduction

GitHub Actions makes it easy to automate all your software workflows, now with world-class CI/CD. Build, test, and deploy your code right from GitHub. Make code reviews, branch management, and issue triaging work the way you want.

To get more details about GitHub Actions you can see About GitHub Actions

2. Let's start

Make sure that you register Github Actions beta program and also receive an approval email from Github like "Youโ€™re in! Get started with GitHub Actions beta"...

In this tutorial, I use my repository called React Starter Kit.

Don't talk any more, go go go...

Step 1: Go to your repository and click on the "Actions" tab

Step 2: Click the button "Set up a workflow yourself"

You will see the template below:

name: CI

on: [push]


    runs-on: ubuntu-latest

    - uses: actions/checkout@v1
    - name: Run a one-line script
      run: echo Hello, world!
    - name: Run a multi-line script
      run: |
        echo Add other actions to build,
        echo test, and deploy your project.

Step 3: Edit the template

Following the Workflow syntax for GitHub Actions
and Set up your GitHub Actions workflow with a specific version of node.js

I edit my first actions like below:

name: CI

on: [push]

    name: Build
    runs-on: ubuntu-18.04
        node_version: [10, 12]

    - uses: actions/checkout@v1
    - name: Use Node.js ${{ matrix.node_version }}
      uses: actions/setup-node@v1
        version: ${{ matrix.node_version }}

    - name: yarn install, yarn lint, yarn test, yarn build
      run: |
        yarn install
        yarn lint
        yarn test
        yarn build

In the configuration above

  • GitHub Actions will trigger on push event on any branch

  • It will use Ubuntu 18.04 runs-on: ubuntu-18.04

  • It will run 2 times on 2 node versions: node_version: [10, 12]

  • It will use yarn to run instead of npm

  • It will run yarn install, yarn lint, yarn test, yarn build

For further commands please refer to the Workflow syntax for GitHub Actions

Step 4: Waiting and getting the result!

Github Actions build result

It works fine!!!

3. In conclusion

So easy to create a simple pipeline with GitHub Actions. It will help you build your project without using any external CI/CD like Circle CI or something like that.

If you find this article helpful then you can buy me a coffee.

Follow for more stories like this ๐Ÿ˜Š/ GitHub.