Thibault Mocellin

Thibault Mocellin

Développeur Full-Stack freelance basé à Annecy 🇫🇷

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

Posted on May 31, 2017

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.