> ## Documentation Index
> Fetch the complete documentation index at: https://docs.ale.run/llms.txt
> Use this file to discover all available pages before exploring further.

# Next.js

> Next.jsアプリケーションのデプロイガイドです。

***

## 事前準備と確認事項

<AccordionGroup>
  <Accordion title="対応Node.jsバージョン" defaultOpen={true}>
    \-- **8, 10, 12, 14, 16, 18, 20**
  </Accordion>
</AccordionGroup>

<Warning>
  プロジェクト設定ファイル（package.json、.nvmrcなど）に記載されたNode.jsバージョンとデプロイ設定時に選択したバージョンが一致しない場合、ビルドや実行時エラーが発生する可能性があります。
</Warning>

<Tip>
  Next.jsアプリケーションをデプロイする場合、ビルド時に外部の値を注入する場合とランタイム時に値を参照する場合を区別して、ビルド引数または環境変数を設定する必要があります。

  * **ビルド引数（Build Arguments）:** ビルド時に引数の値を注入
  * **環境変数（Environment Variables）:** ランタイム時に値を参照
</Tip>

## テンプレートとリポジトリの選択

<Frame>
  <img className="block rounded-md" src="https://files.cloudtype.io/ale-docs/developers/images/ja/nextjs_02.png" />
</Frame>

> ダッシュボードの <Icon icon="circle-plus" iconType="solid" size={15} color="2396F1" /> または `⌘ + K` で生成されるデプロイモーダルで **Next.js** テンプレートを選択し、続くドロップダウンメニューから連携されたGitHubアカウントのリポジトリを選択するか、[Git URLタブでGitリポジトリURLを入力してください。](/ja/developers/private-repo)

## デプロイ設定値を入力

> 次の各項目にサービスをデプロイするための設定値を入力してください。

<AccordionGroup>
  <Accordion title="基本項目">
    * **バージョン**
    * [環境変数](/ja/developers/env)
    * **ポート番号**
    * **Install Command**: npm/yarnパッケージインストールコマンド
    * **Build Command**: npm/yarnビルドコマンド
    * **Start Command**: node実行コマンド
    * [Health Check](/ja/developers/zero-downtime-deployment): コンテナの状態を検証するエンドポイント
  </Accordion>

  <Accordion title="詳細オプション">
    * **Build Variables**: コンテナイメージビルド時に含めるべき変数
    * **Output Directory**: ビルド成果物のディレクトリ
    * **Include files in build**: ビルド時に必要なファイルまたはディレクトリのパス
    * **Update strategy**
      * **Rolling Update** : 新バージョンデプロイ後、既存ポッド終了。可用リソース確保必要
      * **Recreate** : 既存ポッドを終了後、新バージョンを作成・起動。ダウンタイム発生
    * **.npmrc**: npmパッケージレジストリのパス、プロキシなどの設定
  </Accordion>
</AccordionGroup>

## リソース設定とデプロイ

<Frame>
  <img className="block rounded-md" src="https://files.cloudtype.io/ale-docs/developers/images/ja/08_04.png" />
</Frame>

* **リソースタイプ** : [オンデマンドとスポットリソース](/ja/developers/resource#on-demand-spot) から選択

* **CPU**：サービスで利用可能なvCPUの上限を設定。最小構成時は0.1 vCPUを割り当て

* **メモリ** : サービスが使用するメモリリソースの最大値を設定

* [レプリカ](/ja/developers/replica)：設定した数に応じサービスを水平スケーリングし、負荷分散と可用性確保

* **デプロイ** : `デプロイ`をクリック

<Info>
  デプロイが完了したらプレビュードメインを通じてブラウザでウェブページを確認したり、APIツールを使用してリクエストを送信できます。
</Info>

<Tip>
  リソース制限によりデプロイできない場合は、[スペースとリソースの管理ページ](/ja/operations/spaces#%E3%83%AA%E3%82%BD%E3%83%BC%E3%82%B9%E3%81%AE%E4%BB%98%E4%B8%8E)を参照してスペースにリソースを追加してください。
</Tip>

***

[Next.js Docs](https://nextjs.org/docs/getting-started)