lesson-1_WEBアプリケーションをデプロイしよう
🚀 プロジェクトをアップグレードする
このYield Farmingプロジェクトは、主にステーキングの機能を理解し、実装することに焦点を当てました。
あなたのプロジェクトをさらにクールなものにしたい場合は、以下の機能を実装してみてください!
- ユーザーが自分でMetaMaskをWebアプリに接続できるように、Wallet Connectボタンを実装する。
- Dappトークンをユーザーに自前で配布する仕組みを実装する。
- TailwindCSSなどでフロントエンドを編集して、自分だけのToken Farmをデザインする。
🤟 Vercel に Web アプリケーションをデプロイする
最後に、Vercel にWebアプリケーションをホストする方法を学びます。
Vercelはサーバーレス機能のホスティングを提供するクラウドプラットフォームです。
スケーリングやサーバーの監視はVercelが行うため、開発者はVercelへデプロイするだけでアプリケーションを公開・運用できます。
Vercelに関する詳しい説明は、こちらをご覧ください。
まず、GitHubのETH-Yield-Farm
にローカルファイルをアップロードしていきます。
ターミナル上でETH-Yield-Farm
に移動して、下記を実行しましょう。
git add .
git commit -m "upload to github"
git push
次に、GitHub上のETH-Yield-Farm
に、ローカル環境に存在するETH-Yield-Farm
のファイルとディレクトリが反映されていることを確認してください。
Vercelのアカウントを取得したら、下記を実行しましょう。
1. Dashboard
へ進んで、New Project
を選択してください。
2. Import Git Repository
で自分のGitHubアカウントを接続したら、ETH-Yield-Farm
を選択し、Import
してください。
3. プロジェクトを作成します。Root Directory
が「packages/client」となっていることを確認してください。
4. Deploy
ボタンを押しましょう。
VercelはGitHubと連動しているので、GitHubが更新されるたびに自動でデプロイを行ってくれます。
下記のように、Building
ログが出力されます。
基本的にwarning
は無視して問題ありません。
🙋♂️ 質問する
ここまでの作業で何かわからないことがある場合は、Discordの#ethereum
で質問をしてください。
ヘルプをするときのフローが円滑になるので、エラーレポートには下記の3点を記載してください ✨
1. 質問が関連しているセクション番号とレッスン番号
2. 何をしようとしていたか
3. エラー文をコピー&ペースト
4. エラー画面のスクリーンショット
🎫 NFT を取得しよう!
NFTを取得する条件は、以下のようになります。
-
MVPの機能がすべて実装されている(実装OK)
-
WebアプリケーションでMVPの機能が問題なく実行される(テストOK)
-
このページの最後にリンクされているProject Completion Formに記入する
-
Discordの
🔥|completed-projects
チャンネルに、あなたのWebサイトをシェアしてください 😉🎉 Discordに投稿する際に、追加実装した機能とその概要も教えていただけると幸いです!
プロジェクトを完成させていただいた方には、NFTをお送りします。