Complete Guide: Build, Test, and Deploy Next.js App with GitHub Actions to GitHub Pages
In this detailed tutorial, I guide you through building and deploying a Next.js app, complete with essential development tools like Jest for testing, ESLint for linting, and adding test coverage. I dive deep into configuring GitHub Actions to automate the entire CI/CD pipeline, from running tests to deploying your app to GitHub Pages. You’ll learn how GitHub Actions work, with an in-depth explanation of the YAML configuration file, covering its key sections like jobs, steps, and workflows. If you want to understand how to automate testing, deployment, and the inner workings of GitHub Actions, this video is for you!
Chapters:
00:00 Intro
1:18 Creating the Next.js project
2:21 How npx create next app works
3:43 Creating the git repository for github pages
7:47 Add Testing, Linter, Test Coverage
21:08 Adding github actions
30:09 Explaining the content of the github action yml file
44:01 Adding test, lint, and test coverage checks to ci/cd
55:30 Adding another github action for pull requests
1:00:48 Summary
1:03:36 Connecting custom domain to github pages
github:
https://github.com/bagherani/next-pip...
![[NRA 2019] NEW Beretta 92X Performance Pistol](https://images.videosashka.com/watch/SpWSjue_8G4)
