<aside> ⚠️ GitHubを使うので、先にリポジトリの作成と構築したファイルをpushしておこう!

詳しくは 環境構築方法 & GitHub登録 を確認!

</aside>

デプロイ方法

  1. https://vercel.com/signup にアクセスし、Vercelアカウントを作成する。この時Continue with GitHub を選択してアカウント作成すること。

    <aside> 💫 個人アカウントの場合は以降サインインでOKだと思う。 問題はチーム開発の場合。アカウント作成はどうすればいいんだろうか。 VercelのSettingsから Login Connections を開くと、他アカウントを追加できるっぽい。これも含めて要確認 ↓ 3. で自分が参加しているOrganizationアカウントも追加できるみたい!

    </aside>

  2. https://vercel.com/new あるいは、アカウントページの「+ New Project」からImport Git Repositoryを開く

アカウントページ

アカウントページ

Import Git Repository

Import Git Repository

  1. 「Select a Git Namespace」と書かれている入力欄をクリックし、該当アカウント名があればそれをクリック、なければ「+ Add GitHub Account」をクリックし、該当アカウントにVercelをインストールする

スクリーンショット 2022-07-04 20.12.28.png

Vercelインストール画面。該当アカウントをクリックする

Vercelインストール画面。該当アカウントをクリックする

アカウント選択後の画面。このままInstallで大丈夫だと思う。このあとパスワードを入力するよう言われるので用意を。

アカウント選択後の画面。このままInstallで大丈夫だと思う。このあとパスワードを入力するよう言われるので用意を。

インストールに成功すると、アカウント名とインポート可能なリポジトリが表示される。ここになければ「Search…」画面でリポジトリ名を検索してみよう。

インストールに成功すると、アカウント名とインポート可能なリポジトリが表示される。ここになければ「Search…」画面でリポジトリ名を検索してみよう。

  1. インポートしたいリポジトリを探し、「Import」ボタンをクリックする

スクリーンショット 2022-07-04 20.28.55.png

  1. ProjectNameなどの設定画面が表示されるが、基本いじらなくてOK。そのまま「Deploy」ボタンをクリックしよう。 1分かからないくらいで完了するはず。

スクリーンショット 2022-07-04 20.32.58.png

  1. 無事にデプロイされれば以下のような画面が表示される!🎉

    そのまま「Go to Dashboard」をクリックすると、ドメインを確認できるよ!

デプロイ完了後

デプロイ完了後

ダッシュボード。ドメインを確認できる。

ダッシュボード。ドメインを確認できる。