Leapcell 上に Next.js アプリをデプロイする
いくつかのステップで、Next.js アプリを Leapcell に迅速にデプロイできます。弊社のサンプルアプリまたはご自身のアプリを使用できます。
続行するには GitHub アカウントが必要です。お持ちでない場合は、GitHub のウェブサイトで作成できます。
1. GitHub で Next.js ボイラープレート をフォークします。
リポジトリ: Next.js ボイラープレート
これは Next.js のチュートリアルに基づいた簡略化された Next.js プログラムです。
Next.js を初めて使用する場合は、最初に Next.js チュートリアル に従うことをお勧めします。
2. Leapcell ダッシュボード でサービスを作成し、新しいリポジトリを接続します。
Leapcell ダッシュボード に移動し、New Service ボタンをクリックします。
"New Service" ページで、フォークしたリポジトリを選択します。
リポジトリにアクセスするには、Leapcell を GitHub アカウントに接続する必要があります。
GitHub に接続するには、これらの手順に従ってください。
接続すると、リポジトリがリストに表示されます。
3. 作成時に次の値を指定します。
Next.js にはビルドステップが必要なため、ビルドコマンドは npm install && npm run build にする必要があります。
| Field | Value |
|---|---|
| Runtime | Node.js (Any version) |
| Build Command | npm install && npm run build |
| Start Command | npm start |
| Port | 3000 |
これらの値を対応するフィールドに入力します。
Leapcell のデフォルトポートは 8080 ですが、Next.js フレームワークはデフォルトポートとして 3000 を使用します。これを正しく設定してください。
4. アプリへのアクセス:
デプロイされると、デプロイメントページに foo-bar.leapcell.dev のような URL が表示されます。サービスページに表示されているドメインにアクセスします。
継続的デプロイメント
リンクされたブランチへのすべてのプッシュは、自動的にビルドとデプロイをトリガーします。失敗したビルドは安全にキャンセルされ、次のデプロイが成功するまで現在のバージョンが実行されたままになります。
継続的デプロイメントの詳細をご覧ください。