Static export option in NextJS - Cheat Sheet & Quick Revision

Recall & Review

beginner

What does the Static Export option in Next.js do?

It generates a fully static version of your website by pre-rendering all pages as HTML files at build time, so they can be served without a server.

beginner

Which Next.js command triggers the Static Export process?

The command next export runs after next build to create static HTML files for your app.

intermediate

What file does Next.js generate to configure static export settings?

The next.config.js file can include the output: 'export' setting to enable static export.

intermediate

Can Next.js static export handle dynamic routes with server-side data fetching?

No, static export only supports pages that can be fully rendered at build time without server-side code or API calls.

beginner

Why is static export useful for deploying to static hosting services?

Because it creates plain HTML, CSS, and JS files, which can be hosted on services like GitHub Pages or Netlify without needing a Node.js server.

Which command do you run to create a static export in Next.js?

A next export

B next start

C next dev

D next build

The next export command generates static HTML files after building the app.

What must be true about pages to use static export in Next.js?

A They must fetch data on every request

B They must use server-side rendering

C They must be fully renderable at build time without server code

D They must use API routes

Static export only works if pages can be pre-rendered fully at build time.

Where do you set the static export option in Next.js?

A package.json scripts

B public folder

C pages/_app.js

D next.config.js with output: 'export'

The next.config.js file controls build options including static export.

What type of hosting is best suited for Next.js static export output?

A Serverless functions only

B Static hosting like Netlify or GitHub Pages

C Node.js server hosting

D Database hosting

Static export output is plain files that static hosts serve efficiently.

Can Next.js static export handle API routes?

A No, API routes require a server

B Yes, automatically

C Only if using serverless functions

D Only with special plugins

API routes need a server environment and are not supported in static export.

Explain how the Static Export option works in Next.js and when you would use it.

Think about how your website can be fully prepared before users visit.

Describe the steps to configure and run a static export in a Next.js project.

Focus on configuration and commands.