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/0029Va7yDtdKmCPVHT30ya3A

React tutorials:
https://www.youtube.com/playlist?list=PL3i9po_eXL_ry_n5DZ30aEHazNCWdOUz7

JavaScript Tutorials and Projects:
https://www.youtube.com/playlist?list=PL3i9po_eXL_rwqWg1yPGBFKFZWqjaCTZe

Angular Tutorials:
https://www.youtube.com/watch?v=Qts7H8P-FpI&list=PL3i9po_eXL_qZ4PNvMUcHBERa2m9QRFo1&pp=gAQBiAQB

Docker Tutorials & CI/CD:
https://www.youtube.com/playlist?list=PL3i9po_eXL_rej_oo1FyL3D7q1AewarfJ

Angular 16 Crash Course For Beginners:
https://www.youtube.com/playlist?list=PL3i9po_eXL_orh8YJcdGNO0C6P2mHABT7

Tech Tutorials - Random:
https://www.youtube.com/watch?v=IYRrE-yikb0&list=PL3i9po_eXL_pKCqB5J5KoRdR-4uebo1r-

Complete Next.js 13 Tutorials: https://www.youtube.com/playlist?list=PL3i9po_eXL_paQQIa4qTum7_9CPqQwiFH

Next.js 14 Tutorials:
https://www.youtube.com/playlist?list=PL3i9po_eXL_pyNKBtAAK_gVBWG5d8yZS9

Node Express MongoDB Bootcamp: https://www.youtube.com/playlist?list=PL3i9po_eXL_rdDdgVHSZjmzvwUB-jj8SU

ChatGPT Tutorials: https://www.youtube.com/playlist?list=PL3i9po_eXL_qtCoSV1GHX_5Q48D2La9xW

Join our facebook group:
https://www.facebook.com/groups/996305460498149/

Contact us for development services:
https://www.linkedin.com/in/umair-jameel-24aa5368/

Repo Link:
https://github.com/umairjameel321/nextjs14cicd-docker

Видео Next.js 14 Deployment on Heroku with CI/CD Pipeline and Docker using Github Workflows and Actions канала Programming with Umair