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).

Filters

Keyword Category Difficulty Type Sort by

Reset

Active: Tag: pages-router ×

Next.js Medium technical

Q1. What are the main differences between the App Router and the Pages Router?

The Pages Router uses files under pages/. Each file exports a default component, data comes from getStaticProps, getServerSideProps or getStaticPaths, and _app and _docum...

2 Answer

Next.js Medium technical

Q2. What is the Pages Router in Next.js?

The Pages Router is a file-based routing system in Next.js that automatically creates routes based on the file structure inside the `pages` directory.

1 Answer

Next.js Easy technical

Q3. How do you create a route in the Pages Router?

In Next.js pages router, you create routes by adding files to the `pages` directory: - `pages/index.js` - the homepage (/) - `pages/about.js` - the about page (/about) - ...

1 Answer

Next.js Medium technical

Q4. How do you handle API routes in the Next.js Pages Router?

By creating files in the `pages/api` directory, which will be treated as API endpoints. ```jsx // pages/api/hello.js export default function handler(req, res) { res.statu...

1 Answer

Next.js Medium technical

Q5. Are there any limitations of the Pages Router?

Yes, the Pages Router has some limitations compared to the App Router, such as: - Limited support for nested routes and layouts. - Less flexibility in handling server com...

1 Answer

Next.js Medium technical

Q6. How do you handle authentication in Next.js with the Pages Router?

By using libraries like `next-auth` or implementing custom authentication logic in API routes. ```jsx // pages/api/auth/[...nextauth].js import NextAuth from "next-auth";...

1 Answer

Next.js Hard technical

Q7. How do you handle middleware in Next.js with the Pages Router?

By creating a custom server or using API routes to implement middleware logic. ```js // pages/api/middleware.js export default function middleware(req, res, next) { // Cu...

1 Answer

Next.js Medium technical

Q8. How do you handle form submissions in Next.js with the Pages Router?

By using client-side form handling or API routes for server-side handling. ```jsx // pages/contact.js export default function Contact() { const handleSubmit = async (e) =...

1 Answer

Next.js Medium technical

Q9. Are there any performance optimizations available in the Pages Router?

Yes, you can use features like static generation (SSG), server-side rendering (SSR), and incremental static regeneration (ISR) to optimize performance in the Pages Router...

1 Answer

Next.js Medium technical

Q10. How do you handle internationalization in Next.js with the Pages Router?

By using the `next-i18next` library or the built-in internationalization features in Next.js. ```js // next.config.js module.exports = { i18n: { locales: ["en", "fr"], de...

1 Answer