Improving The CI/CD Flow For Your Application
Big tech companies have the ability to make thousands of releases per day. Already back in 2011, Amazon released new software once every 11.6 seconds. These companies typically have entire teams working on improving the delivery speed of their product teams. Luckily, many of the best practices used at these tech companies are well documented and have open-source tools available for every team to achieve the same delivery performance as big tech companies.
In this article, we will go through a few concepts which can be combined to create a modern CI/CD flow for your software. We will use GitHub Actions and NPM packages as a base, but the tools and concepts can be applied to any language. I’ve used them to successfully release Python packages and Docker containers.
GitHub FlowGitHub Flow is a lightweight branching model that is suggested by GitHub. For most companies and teams this is more than sufficient, and it’s very suitable for modularized code and microservices. Teams that have decided on Gitflow, often do not run in the edge cases or situations for which the complete flow offers solutions (e.g. hotfixes, multiple active releases of software).
The rules are simple:
main
is always releasable;- Branch from
main
to introduce a change (new feature, bug fix, and so on); - Once a branch is finished, create a Pull Request;
- Once the Pull request is approved, merge it to
main
; - To create a release, simply tag
main
.
This strategy works well when your team adopts short-living branches and keeps the scope of changes small. If you choose to work on larger features and keep branches around for a longer period, you will have a hard time periodically resolving merge conflicts.
By creating releases often, you reduce the scope of the changes, and therefore the risk of issues after a new deployment. This will also reduce the necessity of creating hotfix releases since those can be handled in the regular development flow. Since the scope of changes for releases are small, and your pace of delivery is fast, there is often no need to have separate release branches around for any bug fixes.
Semantic VersionSemantic versioning is a version numbering strategy to communicate the scope of the change of your new release.
The release version is specified in the following form: vX.Y.Z
X
: this version introduces a breaking change.Y
: this version introduces a new feature.Z
: this version introduces a fix or other non-visible change.
By checking the version number, others can quickly estimate the impact of the new release, and decide whether they should automatically update to your new version or schedule some time to handle the breaking changes.
Conventional CommitsConventional commits are, as the name implies, a convention on how to structure your commit messages. The pattern of this convention looks like this:
<type>[optional scope]: <description>
[optional body]
[optional footer]
A few practical examples:
chore: add GitHub actions for merge requests
fix: handle empty post bodies
feat: add dropdown to specify currency
The specification allows for some flexibility towards the types, but the most important ones are the following:
fix
This change fixes a bug.feat
This change introduces a new feature or resolves a user story.BREAKING CHANGE
This change introduces a breaking change and results in required actions for the users of this software.
What is the point of conventional commits, you may ask. In general, using conventions allows you to build tooling and automation. That is also the case for conventional commits. For example, you can automatically generate release notes and bump your package version. Standard Version is a tool that automatically does that for you.
The Standard version parses your Git log for the following purpose:
- Generating release notes;
- Determining the next version based on Git tags;
- Bumping your
package.json
version; - Creating a commit that includes your release notes and
package.json
version bump; - Tagging the commit.
To install the Standard Version, you can use NPM:
npm i -D standard-version
You can then add it to your package.json
as a script:
{
"scripts": {
"release": "standard-version"
}
}
Or, alternatively, use npx:
npx standard-version
When you want to create a release, you can simply run npm run release
, and Standard Version will take of the rest. Typically, you will configure your CI/CD pipeline to perform these tasks for you.
If you want to move fast, you can set up your pipeline to create a release every time a pull request is merged in your codebase. In this case, you have to be cautious that your pipeline doesn’t create an infinite build loop, since the tool will commit and push changes to itself. In GitHub Actions, you can include a tag [skip ci]
in your commit messages in order to tell GitHub to not trigger a CI build for a certain commit. You can configure a Standard version to include the [skip ci]
tag in its configuration in package.json
:
"standard-version": {
"releaseCommitMessageFormat": "chore(release): {{currentTag}} [skip ci]"
}
GitHub Actions
If you use GitHub, you can use the integrated work automation feature called GitHub Actions. GitHub Actions can be used as your CI/CD service by including a YAML configuration file in a .github/workflows
directory in the root of your repository.
For example, you can create a file .github/workflows/learn-github-actions.yml
with the following content:
name: learn-github-actions
on: [push]
jobs:
check-bats-version:
runs-on: ubuntu-latest
steps:
- uses: actions/checkout@v2
- uses: actions/setup-node@v2
with:
node-version: '14'
- run: npm install -g bats
- run: bats -v
GitHub Actions can be configured to allow itself to commit and push back changes to your repository. To do so, you only need to run git config
in your workflow:
- name: setup git config
run: |
git config user.name "GitHub Actions Bot"
git config user.email "<>"
- run: ...
- run: git push --follow-tags origin main
Putting It All Together
Combining all of these concepts together will result in a highly automated release flow for your repository. The tooling configuration consists primarily of two sources:
package.json
.github/workflows/<your-workflow.yml>
This is how the package.json
file looks like (including [skip ci]
configuration):
{
"name": "cicd-demo",
"version": "1.0.4",
"description": "",
"main": "hello-world.js",
"scripts": {
"release": "standard-version"
},
"repository": {
"type": "git",
"url": "git+https://github.com/Intellicode/cicd-demo.git"
},
"author": "Tom Hastjarjanto",
"license": "ISC",
"bugs": {
"url": "https://github.com/Intellicode/cicd-demo/issues"
},
"homepage": "https://github.com/Intellicode/cicd-demo#readme",
"dependencies": {
"standard-version": "^9.3.2"
},
"standard-version": {
"releaseCommitMessageFormat": "chore(release): {{currentTag}} [skip ci]"
}
}
And this is the GitHub Actions workflow that runs on a push to main
:
name: Release on push
on:
push:
branches: [ main ]
jobs:
build:
runs-on: ubuntu-latest
strategy:
matrix:
node-version: [16.x]
steps:
- uses: actions/checkout@v2
- name: Use Node.js ${{ matrix.node-version }}
uses: actions/setup-node@v2
with:
node-version: ${{ matrix.node-version }}
cache: 'npm'
- run: npm ci
- run: npm run build --if-present
- name: setup git config
run: |
git config user.name "GitHub Actions Bot"
git config user.email "<>"
- run: npm run release
- run: git push --follow-tags origin main
This npm run release
will do the following:
- updating
CHANGELOG.md
with new release notes since the last release; - determining the next version based on Git tags;
- bumping your
package.json
version; - creating a commit that includes your release notes and
package.json
version bump; - tagging the commit.
git push --follow-tags origin main
will finalize the release:
- It pushes the newly created tag to your repository.
- It updates
main
with the changes performed inpackage.json
andCHANGELOG.md
.
Note: A full example is available in my example repository.
ConclusionWe have explored a couple of concepts that — when combined — can result in an efficient automated setup for your release procedure. With this setup, you will be able to release multiple times per hour with a fully documented trace managed by Git. To fully benefit from the setup and the release with maximum confidence, it is highly recommended to have a robust test suite that runs on integration.
If releasing on each merge is a step too far, you can adapt the setup to be performed manually.
Further Reading On SmashingMag
- “Powerful Terminal And Command-Line (CLI) Tools For Modern Web Development,” Louis Lazaris
- “How To Develop An Interactive Command Line Application Using Node.js,” Nihar Sawant
- “How Should Designers Learn To Code? The Terminal And Text Editors,” Paul Hanaoka
- “Moving Your JavaScript Development To Bash On Windows,” Burke Holland