lesson-1_Webアプリをデプロイしよう
🌍 サーバーにホストしてみよう
最後に、Vercel にWebアプリケーションをホストします。
Vercelはサーバーレス機能のホスティングを提供するクラウドプラットフォームです。
スケーリングやサーバーの監視はVercelが行うため、 開発者はVercelへデプロイするだけでア プリケーションを公開・運用できます。
Vercelに関する詳しい説明は、こちらをご覧ください。
まず、 ローカルファイルをGitHubへアップロードしましょう。
まだアップロードをしていない方は、 ターミナル上でAVAX-Asset-Tokenization
に移動して、下記を実行しましょう。
⚠️ packages/contract/.gitignore
ファイル内に.env
が記載されていることを確認していください。
git add .
git commit -m "upload to github"
git push
次に、 ローカル環境に存在するAVAX-Asset-Tokenization
のファイルとディレクトリがGitHub上のAVAX-Asset-Tokenization
に反映されていることを確認してください。
Vercelのアカウントを取得したら、下記を実行しましょう。
1. Dashboard
へ進んで、 New Project
を選択してください。
2. Import Git Repository
で自分のGitHubアカウントを接続したら、 当リポジトリを選択しImport
してください。
3. プロジェクトを作成します。
Framework Preset
にNext.js
を、Root directory
にpackages/client
を選択してください。
4. Deploy
ボタンをクリックしましょう。
VercelはGitHubと連動しているので、GitHubでリポジトリが更新されるたびに自動でデプロイを行ってくれます。
しばらくしてビルドが完了すると メッセージと、 下記のようにホーム画面が表示されます。
ホーム画面の表示部分はリンクになっているので、 クリックするとあなたの作成したdappがブラウザで確認できます 🎉