Next.jsを本番環境にデプロイする最も簡単な方法は、Next.jsの作成者によって開発されたVercelプラットフォームを使用することです。

Vercelは、ヘッドレスコンテンツ、コマース、またはデータベースと統合するように構築された、静的およびハイブリッドアプリケーション用のサーバーレスプラットフォームです。フロントエンドチームが、パフォーマンスがデフォルトとなる素晴らしいユーザーエクスペリエンスを開発、プレビュー、および出荷することを容易にします。無料で使い始めることができ、クレジットカードは必要ありません。

Vercelアカウントの作成

まず、VercelにアクセスしてVercelアカウントを作成します。GitHubで続行を選択し、サインアッププロセスを完了してください。

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

サインアップしたら、Vercelにnextjs-blogリポジトリをインポートします。ここからインポートできます：Vercel。

• GitHub用のVercelをインストールする必要があります。すべてのリポジトリへのアクセスを許可できます。
• Vercelをインストールしたら、nextjs-blogをインポートします。

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

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

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

ヘルプは利用可能です: デプロイが失敗した場合、GitHub Discussionsでいつでもヘルプを得ることができます。デプロイメントの詳細については、当社のドキュメントをご覧ください。

完了すると、デプロイURLが発行されます。いずれかのURLをクリックすると、Next.jsのスターターページがライブで表示されるはずです。

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