next app router playground

next.jsアプリルーターの遊び場

next.jsは最近、以下をサポートしてアプリルーターを導入しました。

• レイアウト：状態を保存し、再レンダーを避けながらUIを簡単に共有します。
• サーバーコンポーネント：最も動的なアプリケーションのサーバーファーストをデフォルトにする。
• ストリーミング：インスタントロード状態を表示し、更新をストリーミングします。
• データフェッチのサスペンス： async / async / await support and use for componentレベルのフェッチ。

アプリルーターは、既存のpagesディレクトリと共存でき、増分採用を行うことができます。 next.js 13にアップグレードするときにアプリルーターを使用する必要はありませんが、JavaScriptを減らしながら複雑なインターフェイスを構築するための基礎を敷設しています。

ローカルで実行されます

1. 依存関係をインストールします：

pnpm install

2. 開発サーバーを開始します：

pnpm dev

ドキュメント

https://nextjs.org/docs