App Router khác Pages Router trong Next.js như thế nào?

App Router (Next.js 13+) dùng thư mục app/, hỗ trợ React Server Components mặc định, có nested layouts, loading/error states tích hợp.

• Pages Router dùng thư mục pages/, mọi component là Client Component, có getStaticProps/getServerSideProps.
• App Router là tương lai của Next.js với nhiều tính năng mới.

The App Router (Next.js 13+) uses the app/ directory, supports React Server Components by default, and has built-in nested layouts and loading/error states.

• The Pages Router uses the pages/ directory, treats every component as a Client Component, and uses getStaticProps/getServerSideProps for data fetching.
• The App Router is the future of Next.js with far more capabilities.