WebDeviser – Projet fil rouge
Projet fil rouge réalisé en formation : un site vitrine et applicatif pensé pour une potentielle activité de développeur web en auto-entrepreneur, incluant la mise en production.
Contexte & Objectif
Dans le cadre de la formation, le projet fil rouge devait représenter un cas concret et professionnel. WebDeviser a été imaginé comme la base d’un futur site pour une activité d’auto-entrepreneur, intégrant à la fois une vitrine, des fonctionnalités applicatives et une mise en production.
Objectif principal : Concevoir un projet fullstack réaliste, incluant le développement, l’architecture et le déploiement d’une application web.
Stack Technique & Choix
Symfony
Utilisé pour structurer le backend, gérer la logique métier et exposer une API.
Next.js
Choisi pour créer une interface moderne, performante et orientée expérience utilisateur.
Docker
Conteneurisation de l’application afin de garantir un environnement reproductible entre développement et production.
Portainer
Utilisé pour gérer et superviser les conteneurs Docker de manière visuelle et centralisée.
Nginx (Reverse Proxy)
Mis en place pour gérer le routage HTTP, l’exposition des services et la sécurisation des accès.
MySQL
Base de données relationnelle pour stocker les données applicatives.
Architecture & Décisions Techniques
Architecture fullstack découplée
Frontend en Next.js consommant une API Symfony via HTTP, favorisant la séparation des responsabilités.
Architecture conteneurisée
Chaque service (frontend, backend, base de données, proxy) est isolé dans un conteneur Docker.
Reverse proxy Nginx
Nginx agit comme point d’entrée unique et redirige les requêtes vers les services appropriés.
Défis & Solutions
Déployer une application fullstack dans un environnement proche de la production
Mise en place d’une architecture Docker orchestrée via Portainer avec un reverse proxy Nginx.
Comprendre les enjeux du déploiement et de la configuration serveur
Tests, ajustements et itérations pour assurer la stabilité, la sécurité et l’accessibilité de l’application.
Résultats & Impact
Points clés
Mise en production d’une application fullstack
Utilisation d’outils proches des environnements professionnels
Gestion du reverse proxy et des flux réseau
Vision globale du cycle de vie d’une application web
Apprentissages
Déploiement d’une application web avec Docker
Configuration d’un reverse proxy Nginx
Utilisation de Portainer pour la gestion des services
Compréhension des enjeux de mise en production