Q161. What is the fetch API in Next.js App Router?
In the Next.js App Router, you can use the `fetch` API to make HTTP requests to external APIs or your own API routes. The `fetch` function is available globally in both s...
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 (188 available).
Active:
Tag: nextjs ×
Q162. How do you create route groups in the App Router?
Route groups allow you to organize routes without affecting the URL structure. You create them by wrapping folder names in parentheses `()`. ``` app/ ├── (marketing)/ │ ├...
Q163. What are parallel routes in Next.js App Router?
Parallel routes allow you to render multiple pages simultaneously in the same layout. They are defined using slots with the `@` convention. ``` app/ ├── layout.js ├── pag...
Q164. How do you implement intercepting routes in App Router?
Intercepting routes allow you to load a route from another part of your application while keeping the context of the current page, similar to modals. ``` app/ ├── feed/ │...
Q165. 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...
Q166. 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...
Q167. 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...
Q168. 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...
Q169. 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)**: `...
Q170. 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...