Q11. How do you handle SEO in Next.js with the Pages Router?
By using the `next/head` component to manage meta tags and other SEO-related elements. ```jsx import Head from "next/head"; export default function Home() { return ( My N...
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 (20 available).
Active:
Tag: pages-router ×
Q12. How do you handle static assets in Next.js with the Pages Router?
By placing static assets in the `public` directory, which is served at the root URL. ``` public/ ├── images/ │ └── logo.png └── favicon.ico ``` You can access these files...
Q13. How cache works in Next.js with the Pages Router?
Next.js uses a built-in caching mechanism for static assets and API routes. You can also implement custom caching strategies using HTTP headers or libraries like `next-ca...
Q14. Cache revalidation in Next.js with the Pages Router?
Cache revalidation can be handled using the `revalidate` option in `getStaticProps` or by setting appropriate HTTP headers in API routes. - **Using `revalidate`**: Automa...
Q15. Optimizing images in Next.js with the Pages Router?
By using the `next/image` component, which automatically optimizes images for performance. ```jsx import Image from "next/image"; export default function Home() { return ...
Q16. When to choose Pages Router over App Router in Next.js?
You might choose the Pages Router over the App Router in the following scenarios: - When you need a simple file-based routing system without complex nested routes. - When...
Q17. When to choose App Router over Pages Router in Next.js?
You might choose the App Router over the Pages Router in the following scenarios: - When you need advanced routing capabilities, such as nested routes and layouts. - When...
Q18. One of the main differences between the App Router and Pages Router in Next.js?
The App Router allows for nested routes, layouts, and server components, while the Pages Router uses a flat file structure for routing and does not support nested routes ...
Q19. Is it possible to use both App Router and Pages Router in the same Next.js project?
Yes, it is possible to use both App Router and Pages Router in the same Next.js project. You can have the `app` directory for the App Router and the `pages` directory for...
Q20. Is App Router better than Pages Router in Next.js?
The App Router offers more flexibility and features compared to the Pages Router, such as nested routes, layouts, and server components. It is designed for building compl...