Next.js 14 Deployment to VPS with GitHub Actions CI/CD

Discounts:

Recording Equipment:

Computer Gear:

Connect with me:

Chapters:
◾ 0:00 Introduction:
◾ 0:34 Plan
◾ 2:28 Project Setup
◾ 5:48 ENV
◾ 8:08 VPS Setup
◾ 13:11 Reserved IP
◾ 13:54 SSH
◾ 16:34 Updates + New User
◾ 19:25 Installing NodeJS + PM2
◾ 22:55 Action Runner Setup
◾ 27:06 Work Flow
◾ 30:06 PM2
◾ 41:50 Domain
◾ 44:17 Nginx
◾ 48:52 SSL
◾ 51:04 Final Build
◾ 52:11 Ending


#nextjs #vps #ubuntu

[RaddyDev]

This was a tough one to put chronologically. Please share your reasons for choosing a VPS over one-click deploy platforms?
* Just wanted to mention that 1GB Ram might not be enough for a slightly bigger project.

[Shourov-kopw]

We would be happy if you make a video all the same stuff with docker.

[tsykin]

Great vide! I choose VPS to be less dependant on Vercel. I think there are a lot of benefits to hosting on VPS, since you have full control over your server.

[ryanp]

Awesome video and super easy to follow!! Would love to see this exact example but have GitHub actions build a new docker image of NextJS when pushed to main, push to docker hub, and have docker-compose re-pull the new jmage on the VPS

[MohamadOmar-oiur]

That's exactly what I was looking for

[Iago-Toledo]

This is pure gold, thank you so much!!!

[BrewskaySA]

Amazing Tutorial/Course, you simplified everything and made this super easy to following along and understand. Great Work!!!! Thank you So Much!!!!

[gurvirbaraich]

Thank you so much!! Was looking for something like this, you saved so much time of mine. Thanks again

[leo-phiponacci]

Very simple, right to the point, thank you

[dogzrgood]

Great video as always. Can you also show how to host multiple NextJs websites on a single VPS droplet? Thanks

[laduniestu]

Awesome video!!
can you show me how to setup prisma for the ORM with t he database too?

[ahmedkhabar]

Thanka a lot for this amazing easy to follow tutorial

[rsym.]

this is so underrated video! thank you!

[harrypham]

Thank you so much for the video. You save my day!!!

[alyxx]

Thanks a lot for help. Is there any way to prevent next.app going offline for that time build is running? I tried to achieve this but cant find any solutions to have my next app running while new build is being built.

[DanielPenaloza-fjyo]

What an awesome and extremely useful video, thanks a lot! I've been searching for something like this for a long time. Can you do this with Docker? It would've great, anyway, a new subscriber.

[gribcovcomedy]

Nice, thanks
Any video of how dockerize this setup?

[Johnny-rfiu]

Thank you this covers a lot of stuff.

I have a request. Can you please set up development previews?? That would be awesome

[ilhomm-it]

Great tutorial. Thank you.

By the way, how we deploy different environments which are bound to different branches

[Anonymose]

Amazing bro!
Well done 🎉
But what if I want a staging sub-domain ? Do I need to have a separate folder/project or just point nginx to pickup changes flow from staging branch? Considering having another yml file called staging?