Dynamic
Pages Router
Dynamic
動的コンテンツでも、ナビゲーションはほぼ瞬時に行われます。ページの静的な部分は即座に読み込まれ、動的な部分はデータが取得された後にレンダリングされます。
Pages Router
このデモは Pages Router を使用しています。Next.js でアプリを開発する従来の方法です。特にバニラ React を使用してアプリを書くことに慣れている場合、より簡単に感じることができます。しかし、キャッシュ、SSR、ストリーミングなどの機能を使用し始めると、複雑になることがあります。
Dynamic
このページには API を通じてフェッチされた動的コンテンツが含まれており、読み込みに約 1 秒かかります。Pages Router では、データフェッチロジックをクライアント側で処理する必要があります。App Router では、データをサーバーコンポーネント内で直接フェッチでき、コードが少し簡素化されます。