Créer une application web avec Docker, Parse et Next.js - Partie 5 : Next.js & Docker

Créer une application web avec Docker, Parse et Next.js - Partie 5 : Next.js & Docker

Cet article est le cinquième de la série qui a pour but de créer une application web qui repose sur docker. Dans cet article nous allons ajouter l'application Next.js créée dans l'article précédent à notre configuration Docker.

La première chose que nous allons faire c'est de créer le Dockerfile pour l'application Next.js.

Créez un fichier Dockerfile dans le dossier web-app et ajoutez le code ci-dessous :

FROM node:6

# Create app directory
RUN mkdir -p /usr/src/app  
WORKDIR /usr/src/app

# Install app dependencies
COPY package.json /usr/src/app/  
RUN npm install

# Bundle app source
COPY . /usr/src/app

RUN npm run build


EXPOSE 3000  
CMD [ "npm","run", "start" ]

Ensuite nous allons modifier le fichier docker-compose.yml pour ajouter notre nouveau service. A la suite des services existants rajoutez le code suivant :

web-app:  
    build: ./web-app
    container_name: "web-app"
    ports:
        - "3000:3000"

Enfin on test que ça fonctionne

docker-compose up  

Nous en avons fini avec l'ajout de l'application Next dans à notre configuration Docker.

Dans le prochain article qui sera le dernier de la série nous déploierons cette configuration sur digital ocean.

Vous pouvez retrouver le code source ici.

N'hésiter pas à vous abonnez à la newsletter pour recevoir chaque nouvel article dés sa sortie.
Si cet article vous a plu n'hésitez pas à le partager.