Routing in Next.js

1. What is the main difference between the App Router and Pages Router in Next.js?

The App Router is slower but more flexible.

The Pages Router supports React Server Components.

The App Router uses a file-system based router built on React Server Components.

There is no difference, they are just different names for the same thing.

2. In Next.js App Router, which file is used to define the main layout of your application?

page.tsx

layout.tsx

main.tsx

app.tsx