PRNext を Next.js プロジェクトにインストールする: クイックスタート

既存の Next.js プロジェクトと、22.x 行の Node.js 22.23.4+、24.x 行の 24.22.1+、または 26.12.1 以降のサポートされているバージョンから始めます。プロジェクト フォルダーからコマンドを実行します。

作業はブランチ上で行ってください。 PRNext は、Next.js と部分的な互換性を持つアルファ版であるため、アプリケーションを確認してください。

PRNext をインストールする

プロジェクト フォルダーからこのコマンドを実行します。後続のインストールで同じ依存関係セットが使用されるように、更新されたロックファイルを保持してください。

Terminal
npm install @thomas.f/prnext

スクリプトを移行する

開発を移動し、スクリプトを PRNext にビルドして開始し、互換性チェックを実行します。最初にその変更を検査したい場合は、移行コマンドに --dry-run を追加します。続行する前に、報告された非互換性を読んでください。

Terminal
npx --no-install prnext migrate .
npx --no-install prnext check .

アプリケーションを開発する

開発サーバーを起動し、端末に表示されているアドレスを開きます。コンポーネントを編集して保存し、ブラウザで結果を確認します。プロジェクトで使用する少なくとも 1 つのルート変更と 1 つのインタラクションをテストします。

Terminal
npx --no-install prnext dev .

構築して実行する

アプリケーションをビルドし、生成された出力をローカルで開始します。デプロイする前に、同じページ、フォーム、API ルートを確認してください。特に実験的なランタイムの場合、実際に動作する開発セッションだけでは、運用ビルドを検証するのに十分ではありません。

Terminal
npx --no-install prnext build .
npx --no-install prnext start .

PRNext および Next.js: 互換性および移行ガイド

PRNext はあなたの Next.js アプリケーションに適していますか?

VPS に Next.js をデプロイ: ビルドから HTTPS まで

ブログに戻る