| 1 | How does file based routing work in the Next.js App Router? Next.js › Routing (App/Pages Router) | Next.js | Routing (App/Pages Router) | Beginner |
| 2 | How is routing in the Pages Router different from the App Router? Next.js › Routing (App/Pages Router) | Next.js | Routing (App/Pages Router) | Beginner |
| 3 | How do you programmatically navigate to a different page in response to a user action, such as after a successful form submission? Next.js › Routing (App/Pages Router) | Next.js | Routing (App/Pages Router) | Intermediate |
| 4 | How do you use the Link component to enable fast client side navigation between pages? Next.js › Routing (App/Pages Router) | Next.js | Routing (App/Pages Router) | Intermediate |
| 5 | How would you organize routes for a large application using route groups to keep related sections logically separated without affecting the URL? Next.js › Routing (App/Pages Router) | Next.js | Routing (App/Pages Router) | Advanced |
| 6 | What is a dynamic route in Next.js, and how do you create one? Next.js › Dynamic Routes & Catch-All Segments | Next.js | Dynamic Routes & Catch-All Segments | Beginner |
| 7 | How do you create a custom 404 not found page in Next.js? Next.js › Error Handling & Not Found Pages | Next.js | Error Handling & Not Found Pages | Beginner |
| 8 | What is internationalization, and how does it apply to a Next.js application? Next.js › Internationalization (i18n) in Next.js | Next.js | Internationalization (i18n) in Next.js | Beginner |
| 9 | What is a layout in the Next.js App Router, and how does it work? Next.js › Layouts & Templates | Next.js | Layouts & Templates | Beginner |
| 10 | What is middleware in Next.js, and when does it run? Next.js › Middleware | Next.js | Middleware | Beginner |
| 11 | How do you limit which routes your middleware actually applies to? Next.js › Middleware | Next.js | Middleware | Beginner |
| 12 | How do you create a new Next.js project from scratch? Next.js › Next.js Project Setup & Configuration | Next.js | Next.js Project Setup & Configuration | Beginner |
| 13 | If a project is migrating from the Pages Router to the App Router, what happens to the custom App and Document components? Next.js › Custom App & Document in Pages Router | Next.js | Custom App & Document in Pages Router | Intermediate |
| 14 | What is a catch-all route segment, and when would you use one? Next.js › Dynamic Routes & Catch-All Segments | Next.js | Dynamic Routes & Catch-All Segments | Intermediate |
| 15 | What is an optional catch-all route segment, and how is it different from a regular catch-all segment? Next.js › Dynamic Routes & Catch-All Segments | Next.js | Dynamic Routes & Catch-All Segments | Intermediate |
| 16 | How do nested layouts work when you have layouts defined at multiple levels of your route structure? Next.js › Layouts & Templates | Next.js | Layouts & Templates | Intermediate |
| 17 | How would you create a layout that only applies to a specific group of routes without affecting the URL structure? Next.js › Layouts & Templates | Next.js | Layouts & Templates | Intermediate |
| 18 | How is the folder structure organized differently between the App Router and the Pages Router? Next.js › Next.js Project Setup & Configuration | Next.js | Next.js Project Setup & Configuration | Intermediate |
| 19 | How do you set up the folder structure for a parallel route slot in your application? Next.js › Parallel Routes & Intercepting Routes | Next.js | Parallel Routes & Intercepting Routes | Intermediate |
| 20 | What is an intercepting route, and what problem does it solve? Next.js › Parallel Routes & Intercepting Routes | Next.js | Parallel Routes & Intercepting Routes | Intermediate |
| 21 | How does route based code splitting interact with shared layouts in the App Router? Next.js › Bundle Analysis & Code Splitting | Next.js | Bundle Analysis & Code Splitting | Advanced |
| 22 | How would you set correct SEO metadata, such as the hreflang tags, for a multilingual Next.js website? Next.js › Internationalization (i18n) in Next.js | Next.js | Internationalization (i18n) in Next.js | Advanced |