Déployer son projet MERN simplement sur un VPS (OVH, O2switch, Hostinger...) sans se perdre dans la technique
Salim Artsider
19vues
Quand j'ai voulu déployer mon premier projet MERN (MongoDB, Express, React, Node.js), j'ai eu du mal à trouver des astuces fiables et claires pour me guider.
La plupart des tutoriels que je trouvais étaient incomplets ou parlaient de configurations trop compliquées.
C'est pour ça que j'ai décidé d'écrire cet article — pour aider ceux qui galèrent à faire tourner leur projet MERN sur un vrai serveur.
Ici, on va tout faire ensemble, pas à pas :
Un seul backend Node/Express,
Un frontend React,
Et un VPS Hostinger (mais tu peux faire pareil sur OVH, O2Switch ou tout autre hébergeur).
1. Préparer ton environnement VPS
Commence par te connecter à ton VPS :
code
ssh root@votre_ip_vps
Mets ensuite ton système à jour :
code
sudo apt update && sudo apt upgrade -y
Installe Node.js et npm (si ce n'est pas déjà fait) :
Ou utiliser MongoDB Atlas (plus simple, gratuit au début et géré pour toi).
Je te recommande MongoDB Atlas.
Crée un compte, lance un cluster gratuit et copie ton URI de connexion.
Ce lien sera à mettre dans ton fichier .env, par exemple :
Ton site est maintenant accessible en HTTPS sécurisé 🎉
Et voilà, ton projet MERN est en ligne !
Tu viens de :
déployer ton backend Node/Express avec PM2,
héberger ton frontend React avec Nginx,
et protéger ton site avec SSL.
C'est une base solide pour faire tourner ton application en production.
Et tu peux facilement la faire évoluer plus tard (logs, déploiement continu, monitoring, etc.).
Besoin d'aide ?
Si tu bloques à une étape ou si tu veux que je t'accompagne pour ton déploiement (sur Hostinger, OVH, ou O2switch) : Contacte-moi directement sur WhatsApp
Ou pose ta question en commentaire, je te répondrai avec plaisir.
Sur ce site, je partage mon parcours et mes ressources sur le développement web. Pour que nous puissions progresser ensemble dans notre passion commune !
Besoin d'aide ou envie d'échanger ? Contactez-moi !
Salim Njikam (Art Sider)
Web développeur · Créateur de contenu
Sur ce site, je partage mon parcours et mes ressources sur le développement web. Pour que nous puissions progresser ensemble dans notre passion commune !
Besoin d'aide ou envie d'échanger ? Contactez-moi !
Commentaires
0 commentaire
Aucun commentaire pour le moment. Soyez le premier à commenter !
Commentaires