Vercel へのデプロイ

Next.js をプロダクション環境にデプロイする最も簡単な方法は、Next.js の開発元が提供する Vercel プラットフォームを使用することです。

Vercel は、ヘッドレスコンテンツ、コマース、データベースと統合するために構築された、静的およびハイブリッドアプリケーション向けのサーバーレスプラットフォームです。フロントエンドチームがパフォーマンスをデフォルトとした楽しいユーザー体験を開発、プレビュー、そして公開することを容易にします。クレジットカードなしで無料で使い始めることができます。

Vercel アカウントの作成

まず、Vercel にアクセスして Vercel アカウントを作成してください。Continue with GitHub を選択し、サインアッププロセスを進めてください。

nextjs-blog リポジトリのインポート

サインアップが完了したら、Vercel 上で nextjs-blog リポジトリをインポートしてください。こちらから行えます: Vercel。

• Vercel for GitHub をインストールする必要があります。All Repositories へのアクセス権を付与できます。
• Vercel のインストールが完了したら、nextjs-blog をインポートします。

以下の設定では デフォルト値 を使用できます — 何も変更する必要はありません。Vercel は自動的に Next.js アプリケーションを検出し、最適なビルド設定を選択します。

• プロジェクト名
• ルートディレクトリ
• ビルドコマンド
• 出力ディレクトリ
• 開発コマンド

デプロイすると、Next.js アプリケーションのビルドが開始されます。1分以内に完了するはずです。

ヘルプの利用: デプロイに失敗した場合、GitHub Discussions でいつでも助けを求めることができます。デプロイについてさらに学びたい場合は、ドキュメントをご覧ください。

完了すると、デプロイメント URL が表示されます。いずれかの URL をクリックすると、Next.js スターターページが公開されているのを確認できるはずです。

おめでとうございます！Next.js アプリケーションをプロダクション環境にデプロイしました。次のページでは、Vercel と推奨ワークフローについて詳しく説明します。