オープンソースのReact WebアプリでWordleクローンを展開する

このビデオでは、React で書かれた、あなた自身のオープンソースの Wordle クローンをホストする方法をお見せします。ちょっとした工夫で、答えの候補に自分の好きな言葉を追加することもできます。

チャプター
0:00- イントロ
1:03- アプリの例
1:58- サーバーを作成する
3:00 - サーバーにログインする
3:41- Nodeのインストール
4:20- 反応したWordleアプリをクローンする
4:49- Dockerをインストールする
5:53- Docker イメージをビルドする
6:25- Docker イメージを実行する
7:03- アプリのテストアウト
8:00- カスタムワードを追加する
10:21- その他のカスタマイズ
10:45- アウトロ

ビデオからのインストールコマンド。
cd ~
curl -fsSL https://deb.nodesource.com/setup_17.x | sudo -Ebash -.
apt インストール -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

注意：このコマンドで指定する箇所には「より大きい」記号を付けてください。
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

Reactアプリのデプロイについて詳しくはこちら。
Linodeは初めてですか？100ドルのクレジットで始めましょう！
新しいエピソードが公開されたらお知らせします。

#Linode #ReactApps #オープンソース #AlternativeCloud
製品Linode、セルフホスティング、オープンソース;Gardiner Bryant;

オープンソース