Vercelを使ってみよう
「Vercelとは何か」の説明はここまでとし、実際にVercelでの開発を体験してみましょう。今回は、Vercelが提供しているNext.jsのテンプレートサイトをVercelにデプロイしてみます。
最初に公式サイトから「Start Deploying」をクリックしてください。
今回は、右側の「Clone Template」の「Next.js」をクリックして、Next.jsのテンプレートを選択します。
「Continue with GitHub」をクリックして、GitHubアカウントとVercelを連携します。
GitHubの認証後、Vercelのアカウントが無い場合は自動で作られます。
アカウントが作られた後、「Create Git Repository」の「Create」をクリックします。
Deployが進みます。
デプロイが完了するとこの画面になります。「Go To Dashboard」をクリック。
ダッシュボードでビルド結果の詳細を確認できます。「Visit」をクリック。
以下のようにサンプルページが表示されていることが確認できれば成功です。
GitHubを確認するとプライベートリポジトリのnextjsが自動作成されています。
「pages/index.js」を確認すると先ほど表示されたページのコードが記載されています。
