How to dockerize? about tokyo-free-white-nextjs-admin-dashboard

[AbdelatifAitBara]

Hi @donkee,

I've created a Dockerfile for the version 2.0 of this solution :

# Use an official Node.js runtime as a parent image
FROM node:14-alpine

# Set the working directory to /app
WORKDIR /app

# Copy package.json and package-lock.json to the container
COPY package*.json ./

# Install dependencies
RUN apk update && apk add --no-cache nodejs npm && \
    npm ci --only=production

# Copy the rest of the application code to the container
COPY . .

# Build the TypeScript code (if applicable)
RUN npm run build

# Expose the port that the application will listen on
EXPOSE 3000

# Start the application
CMD ["npm", "start"]

• You can clone the repo from here
• Then create a Dockerfile on this same folder.
• Run :

docker build -t tokyo-image .

• And to deploy the container use :

docker run -p 3000:3000 --name tokyo_container -d tokyo-image

• Browse to : localhost:3000

I hope this is gonna be helpful.

[donkee]

Hi @AbdelatifAitBara , thanks for commenting. This isn't a viable solution for me, however, since it still requires copying the entire project contents into the container. The NextJS Dockerfile copies some optimized files/folders that are generated when you have output set to standalone in the next config file. That SHOULD result in a smaller image (this is my goal, as creating the image and uploading it are taking up the majority of my build pipeline - 10+ minutes). The NextJS official solution doesn't seem to work with this project, however.

[AbdelatifAitBara]

Hi @donkee,

Ok, I got you now ;) , could you tell me please the smaller image size that you have achieved ?

[donkee]

Hi @AbdelatifAitBara , my images are about 500MB right now.

[AbdelatifAitBara]

Hi @donkee,

Yea me as well, I got the same size anyway, if I find a better solution I'll keep you on touch.
Have a good day.