Q11. What is Next.js?
**Next.js** is an open-source React framework developed and maintained by Vercel that enables developers to build high-performance, full-stack web applications. ### Core ...
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 ×
Q12. How do you create a new Next.js project?
The officially supported and recommended way to scaffold a new Next.js application is using **`create-next-app`**: ```bash npx create-next-app@latest ``` ### Interactive ...
Q13. What is the purpose of the `pages or app` directory in Next.js?
The `pages` and `app` directories in Next.js represent the **routing and layout backbone** of the application. Next.js uses file-system based routing, meaning your filesy...
Q14. What is file based routing in Next.js?
**File-based routing** is an architectural pattern where application URL routes are inferred automatically from the folder and file hierarchy on the filesystem, eliminati...
Q15. What are the key features of Next.js?
- Server Side Rendering (SSR): Next.js allows rendering React components on the server before sending them to the client, improving performance and SEO. - Static Site Gen...
Q16. What are the differences between Next.js and React.js?
| Feature | Next.js | React.js | | ------------------ | --------------------------------------------------------------------------------------------------------------- | ...
Q17. What is the difference between client-side and server-side rendering in Next.js?
Client-side rendering (CSR) means that the browser fetches the JavaScript and renders the page on the client side, while server-side rendering (SSR) means that the server...
Q18. What is the Link component in Next.js?
A component for client side navigation between pages. ```jsx import Link from "next/link"; Home About ```
Q19. What is the `metadata` export in the App Router and how do you use it?
The App Router supports a `metadata` export (or `metadata.js/ts`) to define route-level metadata like title, description, open graph tags and robots. You can export a sta...
Q20. What is `generateStaticParams` and when should you use it?
`generateStaticParams` is used in the App Router to statically generate dynamic routes at build time (SSG). Return an array of param objects for routes like `[slug]` so N...