Dockerize Next.js & Deploy to VPS (EASY!)

#Hivelocity #VPS #VPShosting #ad #collaboration
Disclaimer: this is a sponsored video (paid). It's your responsibility to evaluate safety, accuracy and other relevant parts of the reviewed product.

Hi, I'm Wesley. I'm a brand ambassador for Kinde (paid sponsorship).

👉 Discord: all my courses have a private Discord where I actively participate

⏱️ Timestamps:
01:18 Hosting with Docker is easier than without
01:32 Preparation
08:25 VPS
09:07 GitHub container registry
11:02 Build for AMD64
12:50 Change name / tag of image
14:03 Docker on VPS setup

#webdevelopment #programming #coding #reactjs #nextjs

[frankyb]

This is amazing. I would love to see a solution for:

1. Using the docker container as a dev container, meaning coding on the container dev server.

2. A solution to rebuild the next app for both dev and production on git push. Making it a replacement for vercel.

3. Any type of autoscaling,

[BehrouzAsghari]

Hello, thank you very much for providing this short and practical content, please make other videos of these practical and interdisciplinary skills (CI/CD) for frontend developers.

[raj_talks_tech]

Great video, just clearing the confusion around EXPOSE keyword on Docker.

"The EXPOSE instruction doesn't actually publish the port. It functions as a type of documentation between the person who builds the image and the person who runs the container, about which ports are intended to be published. To publish the port when running the container, use the -p flag on docker run to publish and map one or more ports, or the -P flag to publish all exposed ports and map them to high-order ports."

[Alex.Shalda]

you're a life-saver!!!! exactly what I needed at work! Cannot thank you

[strippd]

Dying for a loadbalanced prod tutorial! Thanks subbed!

[vinniv]

This is the content I like. Hats off, congrats.

[jagdisho]

Few weeks back, i scratched my head for this and you make it look so simple. Thank you so much! Saved!

[aolowude]

You don't miss with the videos. Ive never veen happien than since i chose Next JS, abd dockerizing is huge! 🙌🏾

[alaeddinemenai]

Thank you @ByteGrad for your videos. Your videos are simple and any engineer can understand what your bring. There is common issue in NextJS and Docker which is access the System Env variables after the build is done in runtime. Please you can check that issue and it is still open for long time. You may share a video about how to solve that issue.

[sorintautu]

Every time I am stuck you post a video on that certain topic. Good content!

[qianyisha]

Fantastic content! I've recently done something similar for my own projects: containerizing and setting up CI/CD. It will be interesting for me to see how you continue with CI/CD in this video, and perhaps even more so, how to deploy a web server + database using Docker and Kubernetes while also integrating CI/CD (which is exactly what I'm trying to figure out now LOL).

[naylord]

Excelent content master!! Thank you so much for sharing.
It would be really cool if you complement this video with a github action for building the updated image after a master commit, and push it to the VPS.
Thank you in advance!

[SlavaBezgachev]

Thanks for the video! I completely forgot that I can use the GH registry, that actually solves a small problem I had with where to store the built containers

[alarafatsiddique]

amazing ...just loved it...could you please make another video adding Github Actions for CI/CD with the current video !....that would be amazing...thanks in advance

[illuminaughty]

Great efforts indeed! A tutorial of rebuild nextjs app after git push would be cool thing to see on this channel

[imsarvesh_]

I recently joined your channel.
I want to tell you that your channel has most advance content than anywhere else.
❤

[MeerUzairWasHere]

Nice one! you can use automatic port mapping as you exposed the PORT in Dockerfile e.g.( docker run -P "image )

[darkcss]

I can finally say that I climbed the steep curve of learning React/Next.js and that's in great part thanks to you. Thank you so much. You're really making a difference as a content creator.

Related to this video, Is it possible to set a Python FastAPI backend and a Next.js front end on the same container or would I have to use 2 separate containers?

[SundayOchuko]

Thanks alot for this short and very helpful tutor

[shimju]

Highly informative video. Can you please create another Part2 video regarding how to integrate GitHub Repo and using GitHub Actions create a new Docker image and automate the above Workflow. That would be very helpful. Thank you Sir.