7 Questions

Next.js
Interview Questions

Server-side rendering, static generation, and full-stack React framework.

By Difficulty

Junior0

Mid-Level5

Senior2

React

Node.js

Browse All Questions

Mid-Level

How do you fetch data in Next.js and when should you use each approach?

Use Server Components for server-side fetching, Route Handlers for APIs, client-side fetching for user-specific dynamic data, and Server Actions for mutations.

How do you handle authentication in a Next.js app?

Use NextAuth.js (Auth.js) for providers and sessions, middleware for route protection, and Server Components to access session data securely.

How do you handle loading and error states in Next.js?

Use loading.tsx for route loading states, error.tsx for error boundaries, and Suspense for component-level loading with streaming.

How does the App Router differ from the older Pages Router in Next.js?

The App Router is Next.js's newer routing paradigm supporting Server Components, layouts, and streaming, while Pages Router uses the traditional pages-based approach.

What are the different ways Next.js can build and serve your pages?

SSR renders pages on each request, SSG pre-renders at build time, and ISR allows static pages to be updated after deployment.

Senior

How does caching work in Next.js and how do you control it?

Next.js has multiple cache layers: fetch request caching, data cache for persistence, and full route cache. Control them with revalidate options and cache functions.