Bereitstellung eines Wordle-Klons mit dieser Open-Source-React-Webanwendung
In diesem Video zeigen wir Ihnen, wie Sie Ihren eigenen, in React geschriebenen Open-Source-Wordle-Klon hosten, den Sie mit Ihren Freunden und Ihrer Familie teilen können. Mit ein wenig Bastelei können Sie der Liste der möglichen Antworten sogar Ihre eigenen Wörter hinzufügen.
Kapitel:
0:00 - Einführung
1:03 - Beispielanwendung
1:58 - Erstellen des Servers
3:00 - Einloggen in Ihren Server
3:41 - Node installieren
4:20 - Klonen der reaktiven Wordle-App
4:49 - Docker installieren
5:53 - Das Docker-Image erstellen
6:25 - Ausführen des Docker-Images
7:03 - Die App testen
8:00 - Hinzufügen von benutzerdefinierten Wörtern
10:21 - Andere Anpassungen
10:45 - Schlusswort
Installationsbefehle aus dem Video:
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
HINWEIS: SETZEN SIE EIN GRÖSSER-ALS-ZEICHEN AN DEN STELLEN, DIE IN DIESEM BEFEHL ANGEGEBEN SIND
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
Erfahren Sie mehr über die Bereitstellung von React-Anwendungen.
Neu bei Linode? Starten Sie hier mit einem $100-Guthaben!
Abonnieren Sie, um über neue Episodeninformiert zu werden, sobald sie erscheinen.
#Linode #ReactApps #OpenSource #AlternativeCloud
Produkt: Linode, Self Hosted, Open Source; Gardiner Bryant;