コンテンツへスキップ

Next.jsアプリのデプロイ

Vercelへのデプロイ

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

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

作成するVercelアカウント

まず、https://vercel.com/signupにアクセスしてVercelアカウントを作成します。GitHubで続けるを選択し、サインアッププロセスを進めます。

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

サインアップが完了したら、nextjs-blogリポジトリをVercelインポートします。ここから行うことができます。https://vercel.com/import/git.

  • GitHub用Vercelをインストールする必要があります。すべてのリポジトリへのアクセス権を与えることができます。
  • インストールが完了したら、Vercelnextjs-blogをインポートします。

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

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

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

ヘルプがあります:デプロイに失敗した場合は、いつでもGitHubディスカッションでヘルプを得ることができます。デプロイの詳細については、ドキュメント

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

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