Next.js を本番環境にデプロイする最も簡単な方法は、Next.js の開発元である **Vercel** プラットフォームを使用することです。

Vercel は、ヘッドレスコンテンツ、コマース、またはデータベースと統合するために構築された、静的およびハイブリッドアプリケーション向けのサーバーレスプラットフォームです。フロントエンドチームは、パフォーマンスがデフォルトで提供される、喜ばれるユーザーエクスペリエンスを簡単に開発、プレビュー、および出荷できます。クレジットカードは不要で、無料で使い始めることができます。

Vercel アカウントを作成

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

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

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

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

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

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

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

ヘルプがあります: デプロイが失敗した場合は、いつでも GitHub Discussions でヘルプを得ることができます。デプロイについてさらに詳しく知るには、ドキュメントを参照してください。

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

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