Q31. What is the loading.js file in App Router?
The `loading.js` file creates loading UI that shows instantly while route segments are loading. It automatically wraps the page and its children in a React Suspense bound...
Technical Question Bank · Peer-Reviewed
Job Interview Questions and Answers Directory
Search and filter frequently asked interview questions across technical, programming, and behavioral domains. Tailor your interview preparation by difficulty for freshers or experienced developers (44 available).
Active:
Tag: app-router ×
Q32. How do you handle not-found pages in App Router?
You can create custom not-found pages using the `not-found.js` file. This file defines UI to render when the `notFound()` function is thrown within a route segment. ```js...
Q33. What is the template.js file in App Router?
The `template.js` file is similar to `layout.js` but creates a new instance for each of its children on navigation. This means state is not preserved and effects are re-s...
Q34. How do you implement nested layouts in App Router?
Nested layouts are implemented by creating `layout.js` files in different route segments. Layouts are nested automatically based on the folder structure. ``` app/ ├── lay...
Q35. What are route handlers vs API routes in App Router?
In the App Router, API routes are now called "Route Handlers" and use the `route.js` file convention instead of the pages-based approach. **Pages Router (API Routes)**: `...
Q36. How do you handle streaming and suspense in App Router?
The App Router has built-in support for streaming and React Suspense, allowing you to progressively render and stream UI to the client. ```jsx // app/page.js import { Sus...
Q37. What is React Server Components (RSC) in App Router?
React Server Components (RSC) are a new React feature that allows components to be rendered on the server. In the App Router, components are Server Components by default....
Q38. How do you handle error boundaries in App Router?
You can create error boundaries using the `error.js` file in a route segment. This file defines UI to render when an error is thrown within that segment. ```jsx // app/er...
Q39. How do you handle internationalization (i18n) in Next.js with the App Router?
Next.js provides built-in support for internationalization (i18n) in the App Router. You can configure i18n settings in the `next.config.js` file. ```js // next.config.js...
Q40. RTK Query with Next.js App Router?
RTK Query is a powerful data fetching and caching tool built on top of Redux Toolkit. You can use RTK Query in a Next.js App Router application to manage server state and...