Créer une image ReactJs sous Nginx avec Docker
HTML-код
- Опубликовано: 5 окт 2024
- Dans cette vidéo, je vous montre comment créer une image Docker pour une application ReactJS utilisant Nginx.
Suivez ces étapes simples pour configurer et déployer votre propre application web ! 🌐
Étapes :
Cloner le dépôt GitHub :
git clone github.com/fre...
Naviguer dans le répertoire du projet :
cd zodiacJS
Ouvrir le projet avec VSCode :
code .
Installer les dépendances du projet :
npm install
Construire l'application :
npm run build
Exécuter les tests unitaires :
npm run test
Créer un Dockerfile :
Créez un fichier nommé Dockerfile dans le répertoire racine du projet avec le contenu suivant :
FROM nginx
COPY . usr/share/nginx/html
Construire l'image Docker :
docker build . -t zodiac
Exécuter le conteneur Docker :
docker run --name my-web-app -p 8080:80 zodiac
Voilà, votre application ReactJS est maintenant déployée et accessible sur localhost:8080 !
N'oubliez pas de liker, commenter et vous abonner pour plus de tutos ! 🎉
N'hésitez pas à poser vos questions dans les commentaires si vous avez des soucis ou besoin de plus d'explications. 😊
#ReactJS #Docker #Nginx #WebDevelopment #DevOps