Déployer un clone de Wordle avec cette application web React open source
Dans cette vidéo, nous allons vous montrer comment héberger votre propre clone de Wordle open source, écrit en React, que vous pourrez partager avec vos amis et votre famille. Avec un peu de bricolage, vous pouvez même ajouter vos propres mots à la liste des réponses possibles.
Chapitres :
0:00 - Intro
1:03 - Exemple d'application
1:58 - Création du serveur
3:00 - Connexion au serveur
3:41 - Installation de Node
4:20 - Clonage de l'application Wordle react
4:49 - Installation de Docker
5:53 - Construire l'image Docker
6:25 - Exécuter l'image Docker
7:03 - Tester l'application
8:00 - Ajouter des mots personnalisés
10:21 - Autres personnalisations
10:45 - Outro
Commandes d'installation à partir de la vidéo :
cd ~
curl -fsSL https://deb.nodesource.com/setup_17.x | sudo -E bash -
apt install -y nodejs
git clone https://github.com/cwackerfuss/react-wordle.git
cd react-wordle
curl -fsSL https://download.docker.com/linux/ubuntu/gpg | sudo gpg -dearmor -o /usr/share/keyrings/docker-archive-keyring.gpg
NOTE : PLACEZ UN SIGNE PLUS GRAND QUE À L'ENDROIT INDIQUÉ DANS CETTE COMMANDE
echo "deb [arch=$(dpkg -print-architecture) signed-by=/usr/share/keyrings/docker-archive-keyring.gpg] https://download.docker.com/linux/ubuntu $(lsb_release -cs) stable" | sudo tee /etc/apt/sources.list.d/docker.list ##PLACE GREATER THAN SIGN HERE## /dev/null
apt update && apt install docker-ce docker-ce-cli containerd.io
docker build -target=prod -t game:prod
docker run -name wordle -d -p 80:80 game:prod
En savoir plus sur le déploiement d'applications React.
Nouveau sur Linode ? Commencez ici avec un crédit de 100 $ !
Abonnez-vous pour être informé des nouveaux épisodes au fur et à mesure de leur parution.
#Linode #ReactApps #OpenSource #AlternativeCloud
Produit : Linode, auto-hébergé, Open Source ; Gardiner Bryant;