TOPIC OVERVIEW

nextjs/SSR

Rendering fresh HTML on the server, for every single request.

10 QuestionsIntermediateHigh Priority ~11 min read

Server-Side Rendering builds a page's HTML on the server at request time, rather than in advance. It's necessary whenever a page genuinely depends on something only known at the moment of the request — the logged-in user, request cookies, live data that can't be pre-computed — and in the App Router, this happens automatically the moment a component reads any of that request-specific data.

The real cost of SSR is that every request triggers a fresh render, meaning there's no pre-built HTML to serve instantly the way SSG has — time-to-first-byte is inherently slower, and server load scales with traffic in a way static pages don't. Streaming, via Suspense boundaries, is how Next.js softens this: instead of waiting for the entire page to finish rendering before sending anything, it sends the parts that are ready first and streams the rest in as they finish.

What you'll walk away knowing

What forces a route into SSR rather than being statically generated

Why SSR pages have a slower time-to-first-byte than SSG pages, and what causes that cost

How streaming with Suspense boundaries lets parts of an SSR page reach the browser before the whole render finishes

When SSR is genuinely necessary versus when SSG plus client-side fetching would work just as well

1Explain server-side rendering (SSR) in Next.js.ExpertHigh 2List the benefits of Server-Side Rendering in Next.js.ExpertHigh 3What are server components?ExpertHigh 4How to use server components in next js?ExpertHigh 5What is the React Server Component Payload (RSC)?ExpertHigh 6Describe how server components are rendered.ExpertHigh 7Describe server rendering strategiesExpertHigh 8How can you keep Server-only Code out of the Client EnvironmentExpertHigh 9What are the issues of using context provider at the root of the application?ExpertHigh 10List dynamic functions available to server components.ExpertHigh 11List all Dynamic APIs.ExpertHigh 12How do we opt for Static Rendering, Dynamic Rendering and Streaming?ExpertHigh 13Explain the difference between SSR, SSG, ISR, and CSR in Next.js. When would you choose each?ExpertHigh 14How does getServerSideProps work internally? What is its execution context?ExpertHigh 15What are the performance trade-offs of SSR vs SSG in a high-traffic production app?ExpertHigh 16How does Next.js handle hydration? What is a hydration mismatch, and how do you debug it?ExpertHigh 17What happens when getServerSideProps throws an error? How do you handle it gracefully?ExpertHigh 18How would you architect a Next.js app that needs both personalised (SSR) and cacheable (SSG) pages at scale?ExpertHigh 19Explain the App Router vs Pages Router SSR model differences. How does React Server Components change the SSR paradigm?ExpertHigh 20How do React Server Components (RSC) differ from traditional SSR? Can they be used together?ExpertHigh 21How does streaming SSR work in Next.js 13+? What role does Suspense play?ExpertHigh 22How would you implement partial hydration or Islands Architecture in Next.js?ExpertHigh 23Explain how Next.js handles data fetching waterfall problems in SSR and how you'd mitigate them.ExpertHigh 24How would you implement partial hydration or Islands Architecture in Next.js?ExpertHigh 25How do you implement caching strategies for SSR responses in Next.js? (CDN, Cache-Control, stale-while-revalidate)ExpertHigh 26How would you reduce TTFB (Time to First Byte) in an SSR-heavy Next.js app?ExpertHigh 27What's the difference between fetch caching in the App Router vs traditional getServerSideProps?ExpertHigh 28How do you avoid redundant database/API calls across multiple server components on the same page?ExpertHigh 29How do you securely handle authentication in SSR? What are the risks of passing tokens via cookies vs headers?ExpertHigh 30How do you prevent sensitive server-side data from leaking to the client bundle?ExpertHigh 31How would you implement role-based rendering on the server without exposing protected routes to the client?ExpertHigh 32How do you debug SSR-only issues that don't appear in local development?ExpertHigh 33How can we control dynamic rendering behaviour in next js?ExpertHigh

All Topics