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

15 mai 2017

Thibault MOCELLIN
Créer une application web avec Docker, Parse et Next.js - Partie 1 : Introduction

Ceci est l'introduction d'une série d'articles ou l'on va voir comment créer une application web basée sur docker.

Cette application utilisera les technologies suivantes :

Le but de la série n'étant pas l'application web en elle même mais plutôt la configuration de l'ensemble des éléments dans Docker. L'application que nous développerons sera une simple todo-list.

Le dernier article de la série sera consacré au déploiement de cette application sur Digital Ocean avec la mise en place de HTTPS.

La série sera divisée de la manière suivante :

Avant de commencer :

Dans ce projet le domaine utilisé sera jfds.fr et l'ensemble des dossiers et fichiers seront situés dans un dossier principale nommé docker-web-app. A vous de changer ce dossier si vous le souhaitez. Pensez à remplacer jfds.fr par votre propre domaine.

Architecture des containers :

docker parse-server digital ocean

Comme vous pouvez le voir sur le schéma ci-dessus notre projet sera composé de 5 containers. Tous d'abord un container NGINX qui servira de reverse-proxy et qui permettra de rediriger les domaines ci-dessous vers les services correspondants :

  • api.jfds.fr => Parse Server

  • dashboard.jfds.fr => Parse Dashboard

  • jfds.fr => Next.js Le container NGINX sera lié à ces trois containers :

  • Parse Server

  • Parse Dashboard

  • Next.js

Enfin nous avons un container MongoDB qui sera liée au container Parse Server et qui contiendra la base de données du projet.

Certains de ces containers posséderont des volumes mais nous verrons cela au cas par cas lors de la configuration de chacun des containers.

La présentation de la série est maintenant terminé.