Ship a Next.js App with a CI/CD Pipeline.

January 8, 2022

This article is a follow up to a live stream that I recorded in 2 parts. In this live stream we did the following:

• We shipped a small Next.js Single Page App to a digital ocean droplet running Ubuntu. We did this without any third party service by using a conventional web server called nginx.

• Along the way, we also built a CI/CD pipeline for this right inside GitHub using GitHub Actions. This allowed us to automate running tests and also automate deployments to our web server upon each commit.
What’s a CI/CD Pipeline? Read from here.

Bonus Points.

• Completely written in TypeScript.

• Integration tests written using a headless browser and cypress.

• The app used React Query to fetch data from the API.


Part 1 - Building the App & Writing Tests.



Part 2 - Building the Pipeline on GitHub Actions.



Please subscribe to my YouTube channel for my plan to do more of such recordings.

https://www.youtube.com/channel/UCPf1JC3zhos7kOWBkSJrNVw

All the code for this project lives on this open source repository.

https://github.com/MustansirZia/institutions-lookup

Clap for this article on Medium?

https://medium.com/@mustansirzia/ship-a-next-js-app-with-a-ci-cd-pipeline-56f5050d2001


References: