Next.js 14 Deployment on Heroku with CI/CD Pipeline and Docker using Github Workflows and Actions

Описание: Master the art of deploying Next.js 14 applications on Heroku seamlessly in this comprehensive tutorial. I will guide you through setting up a robust Continuous Integration (CI) with eslint, prettier, commitlint, husky and lint-staged.
Finally I will cover Continuous Deployment (CD) pipeline using Docker images and containers, leveraging the power of GitHub Workflows and Actions.

00:06 Overview
03:55 Create new next.js 14 project
05:59 Install required npm packages
07:00 Configure eslint rules
07:59 Configure prettier rules
09:10 Add scripts for lint and format in package.json
12:10 Add pre-commit hooks using husky and lint-staged
15:40 Install husky configurations
20:33 Configure commit message rules
26:45 Configure Docker in next.js 14 project
32:00 Add docker-compose.yml file
36:55 Add GitHub workflows for CI/CD in next.js 14
39:10 Configure CI (Continuous Integration)
45:10 Configure CD (Continuous Deployment)
52:30 Add jobs for deploying docker image to Heroku
55:50 Create app in Heroku dashboard and configure project
59:30 Run CI/CD and test deployment.
01:02:35 Outro

#nextjs14 #docker #cicd #heroku #github

Follow Whatsapp Channel:
https://whatsapp.com/channel/0029Va7y...

React tutorials:
   • React.js Tutorials  

JavaScript Tutorials and Projects:
   • JavaScript Tutorial and Projects  

Angular Tutorials:
   • Angular 16 Life Cycle Hooks - Explained wi...  

Docker Tutorials & CI/CD:
   • Docker Tutorials & CI/CD  

Angular 16 Crash Course For Beginners:
   • Angular 16 Crash Course  

Tech Tutorials - Random:
   • Postman Tutorial - Testing APIs and Build ...  

Complete Next.js 13 Tutorials:    • Next.js 13 Tutorials - App Directory  

Next.js 14 Tutorials:
   • Next.js 14 Tutorials - App Directory  

Node Express MongoDB Bootcamp:    • Build REST API with Node Express MongoDB  

ChatGPT Tutorials:    • LLM, AI, Agents  

Join our facebook group:
  / 996305460498149  

Contact us for development services:
  / umair-jameel-24aa5368  

Repo Link:
https://github.com/umairjameel321/nex...