Docker compose para React con Next.js en modo desarrollo

Tiempo de lectura: < 1 minuto

Hoy os traigo un Docker Compose preparado para poder ejecutar vuestra aplicación React con Next.js en modo desarrollo.

Lo primero que tenéis que hacer es crear este archivo docker-compose.yml

version: '3'

services:
  nextjs-app:
    build: .
    ports:
      - "3000:3000"
    volumes:
      - .:/app
    environment:
      - NODE_ENV=development

Ahora creáis este archivo Dockerfile

# Use a Node.js alpine image as base
FROM node:alpine

# Set the working directory in the container
WORKDIR /app

# Copy package.json and package-lock.json to the working directory
COPY package.json package-lock.json ./

# Install dependencies
RUN npm install

# Copy the rest of the application code to the working directory
COPY . .

# Expose port 3000
EXPOSE 3000

# Start the Next.js development server
CMD ["npm", "run", "dev"]

Finalmente teneis que tener estos archivos dentro de vuestro proyecto, quedando asi la estructura de carpetas:

node_modules
public
src
docker-compose.yml
Dockerfile

Para ejecutarlo debes poner:

docker compose up -d