Static rendering (default) in NextJS - Cheat Sheet & Quick Revision

Recall & Review

beginner

What is static rendering in Next.js?

Static rendering means the page HTML is generated once at build time and served as a fixed file to all users. It does not change on each request.

beginner

When does Next.js generate static pages by default?

Next.js generates static pages by default for pages without data fetching methods like getServerSideProps or dynamic data fetching methods.

intermediate

How does static rendering improve website performance?

Static rendering improves performance by serving pre-built HTML quickly without server processing on each request, reducing load time.

intermediate

Can static rendering pages update their content after deployment?

By default, static pages do not update after deployment unless you use features like Incremental Static Regeneration (ISR) to refresh content.

intermediate

What is the difference between static rendering and server-side rendering in Next.js?

Static rendering builds pages at build time, serving fixed HTML. Server-side rendering builds pages on each request, generating fresh HTML dynamically.

What does Next.js do by default for pages without data fetching?

A Uses client-side rendering only

B Fetches data on every request

C Generates static HTML at build time

D Throws an error

Next.js generates static HTML at build time for pages without data fetching methods by default.

Which feature allows static pages to update after deployment?

A Incremental Static Regeneration (ISR)

B Client-side rendering

C Server-side rendering

D Static Site Generation (SSG)

ISR lets Next.js update static pages after deployment by regenerating them in the background.

Static rendering improves performance because:

A Pages are pre-built and served quickly

B Pages are built on every request

C It uses more server resources

D It delays page loading

Pre-built pages serve faster since no server processing is needed on each request.

Which Next.js method disables static rendering for a page?

A getInitialProps

B getStaticProps

C useEffect

D getServerSideProps

Using getServerSideProps forces server-side rendering, disabling static rendering.

What is served to users in static rendering?

A Raw JavaScript code

B Pre-built HTML files

C Server-generated HTML on each request

D Empty pages

Users get pre-built HTML files generated at build time in static rendering.

Explain how static rendering works in Next.js and why it is beneficial.

Think about when the page HTML is created and how it affects user experience.

Describe the difference between static rendering and server-side rendering in Next.js.

Focus on when the page is built and how often.