Dockerize Next.js 14+ App in 2024

Hello everyone, in today's video I will show you how to Dockerize your Next.js application.
The Dockerfile we will going to prepare is not a simple one. It will be an optimized Dockerfile that cuts every unnecessary corner for a better CI/CD experience.
If you don't have Docker Desktop installed on your machine, download it here:
www.docker.com...
If you liked the video, don't. forget to subscribe. I am trying to pass 100 subscriptions!

[@frontendbasics]

If the video helped, don't forget to subscribe. I am trying to pass 100 subscriptions

[@themanlyman7737]

Almost had a heart attack when I saw the vs code appbar is on the right side

[@frontendbasics]

I highly recommend it! This way, when you close or open the tab bar it doesn’t affect the code editor

[@bmxdeveloper]

How do you handle others environment variables and secrets, with a docker register like that is on GitHub and deployed in railsway

[@frontendbasics]

If the environment variables will be used for the next.js app, you can copy the environment file directly

[@tamuahmed5303]

Are you building the image to deploy it outside vercel? Also does this image will support SSR, ISR etc.? Thanks.

[@frontendbasics]

Yes exactly. It supports those technologies

[@sa2avro]

node:internal/modules/cjs/loader:1148 throw err; ^ Error: Cannot find module 'next/dist/compiled/find-up' Require stack: - /node_modules/next/dist/server/config.js - /node_modules/next/dist/server/next.js -

[@frontendbasics]

Can you provide the Dockerfile?

[@sa2avro]

@@frontendbasics FROM node:20-alpine AS deps COPY package*.json ./ RUN npm install FROM node:20-alpine AS builder COPY . . COPY --from=deps /node_modules ./node_modules RUN npm run build FROM node:20-alpine AS runner COPY --from=builder /.next/standalone ./ COPY --from=builder /public ./public COPY --from=builder /.next/static ./.next/static EXPOSE 3001 ENV PORT 3001 CMD HOSTNAME="0.0.0.0" node server.js