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

Комментарии •