liveBook · Manning

Static site generator

As explained in React Quickly, Second Edition

A static site generator produces deployable website files ahead of request time rather than rendering each page dynamically.

A static site generator creates a complete website ahead of deployment. Templates and React components are resolved into plain HTML files, while JavaScript adds only the interactivity needed in the browser. section 1.3 section 1.3.2

Use a static site generator when:

  • You want a site ready to deploy to a static host with little operational work and no expensive hosting. section 1.3.2
  • Your content changes infrequently, as with personal blogs, smaller businesses, or some e-commerce sites. section 1.3 section 1.3.2
  • You want to combine pre-rendered pages with small client-side features such as filtering or sorting. section 1.3

React website frameworks

Gatsby is commonly used for blogs and other static websites. Next.js supports small static sites as well as large dynamic applications, while Remix supports dynamic React websites and can also participate in pre-rendered approaches. section 1.3.2 section 1.3

How React Quickly, Second Edition covers it

How deep it goes
Defines pre-rendering and distinguishes SSGs from SSR frameworks, but does not detail configuration or implementation steps.
Examples
Uses blogs, smaller business sites, e-commerce sites, Gatsby, Next.js, and Remix as examples.
What it assumes
Assumes basic awareness of websites and React while explaining pre-rendering, static output, and client-side interactivity.
What you can do after
Evaluate whether Gatsby, Next.js, or Remix suits a pre-rendered React website and its update requirements.
How it connects
Connects static site generators with React, server-side rendering, static hosting, SEO, and client-side interactivity.

Also explained in

Compare how 2 books explain static site generator →

Related concepts

This explainer was generated by Manning's knowledge graph from the text of React Quickly, Second Edition. The section links point to the parts of the book it draws on.