Q101. How do you create a dynamic route in Next.js?
In the pages directory, you can add bracket syntax to create dynamic routes: ```jsx pages/posts/[id].js → /posts/1, /posts/2, etc. pages/[username]/settings.js → /foo/set...
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 ×
Q102. What is catch all segment in Next.js?
A catch-all segment allows you to match multiple segments in a dynamic route. It is defined using `[[...param]]` syntax. This allows you to create routes that can match m...
Q103. What is the \_app.js file in Next.js?
In the Next.js Pages Router, **`pages/_app.js`** (or `_app.tsx`) is the top-level root component that wraps every single page in the application during rendering: ### Key...
Q104. What is the \_document.js file in Next.js?
In the Next.js Pages Router, **`pages/_document.js`** (or `_document.tsx`) allows developers to augment the server-rendered HTML document skeleton (``, ``, ``). ### Key C...
Q105. What is the difference between \_app.js and \_document.js?
While both are root-level files in the Next.js Pages Router, they operate at fundamentally different layers: | Dimension | `_app.js` | `_document.js` | | :--- | :--- | :-...
Q106. What is the \_error.js file in Next.js?
In the Next.js Pages Router, **`pages/_error.js`** (or `_error.tsx`) is a fallback error page rendered whenever an unhandled HTTP exception (such as a 500 internal server...
Q107. How do you create a 404 page in Next.js?
Creating a customized 404 Not Found page is straightforward in both Next.js routers: ### 1. In App Router (`app/` directory): Create **`app/not-found.tsx`**: ```tsx // ap...
Q108. How do you fetch data in a Next.js page?
Using getStaticProps or getServerSideProps in server side. ```jsx // getStaticProps export async function getStaticProps() { const res = await fetch("https://api.github.c...
Q109. What is getStaticProps?
A function that runs at build time to fetch data for a page. ```jsx export async function getStaticProps(context) { const res = await fetch(`https://...`); const data = a...
Q110. What is getServerSideProps?
A function that runs on each request to fetch data for a page. ```jsx export async function getServerSideProps(context) { const res = await fetch(`https://...`); const da...