Aller au contenu principal

Image React

Retrouvez une image docker simplifié pour la production de votre app react avec nginx.

Dockerfile​

Dockerfile
FROM node:20-alpine AS build
WORKDIR /app
COPY package*.json ./
RUN npm install

COPY .. .
RUN npm run build
 
# Production Stage
FROM nginx:stable-alpine AS production
COPY --from=build /app/build /usr/share/nginx/html
EXPOSE 80

CMD ["nginx", "-g", "daemon off;"]

Docker run​

Si vous souhaitez utiliser cette image sans docker compose, voici les commandes nécessaire :

docker build -t react-app:latest .
docker run -d -p 8000:80 --name react-app react-app:latest

Docker compose​

Si vous souhaitez utiliser cette image avec un docker compose, voici un example simple de service :

compose.yml

services:
    react-app:
        build: .
        container_name: react-app
        ports:
        - "8000:80" # En fonction des ports que vous utilisez

Puis lancer :

docker compose up -d --build