Questions
19 of 24
1What is the difference between App router and Page router?
2What is an app router?
3List important files in app routing system.
4Describe layout.js.
5Describe page.js.
6Describe route.js.
7Describe template.js.
8Describe unauthorized.js.
9Describe not-found.js.
10Describe loading.js.
11Describe error.js.
12Describe middleware.js.
13Describe default.js.
14How can we navigate between pages?
15Discuss <Link> component?
16List hooks related to routing.
17List all functions available with useRouter hook?
18How to scroll to an id?
19What is the hierarchy of all routing files?
20List some use cases of templates.
21How can we nest layouts?
22What is root layout?
23How does the App Router handle layout re-rendering — does a layout re-render when its child route changes?
24How do Server Actions interact with routing? Can a Server Action trigger a navigation?
nextjsnextjs
Basics
Project Structure
Runtime
Compiler
SSG
SSR
CSR
Routing
Route Handlers
Route Groups
Dynamic Routes
Parallel Routes
Intercepting Routes
Middleware
Server Actions
APIS
Data Fetching
Caching
Clients
Optimisation
i18n
Security
Architecture
Deployment
Accessibility
19 / 24

What is the hierarchy of all routing files?

The React components defined in special files of a route segment are rendered in a specific hierarchy:

  1. 1

    layout.js

  2. 2

    template.js

  3. 3

    error.js (React error boundary)

  4. 4

    loading.js (React suspense boundary)

  5. 5

    not-found.js (React error boundary)

  6. 6

    page.js or nested layout.js