Headless CMS Playbook
  • Headless CMS Playbook | Rangle.io
  • Introduction
    • What is a headless CMS?
    • Benefits of a headless CMS
    • Headless architecture
  • Headless CMS tools
    • What to consider when choosing a headless CMS
    • Sanity: Most customizable
    • Contentful: Best for enterprise
    • Stackbit: Best visual editor
    • Strapi: Budget-friendly self-hosted
    • Honourable mentions
    • Choosing the best headless CMS for you
  • Authoring experience
    • Assessing capabilities and needs
    • Trade-offs
    • Best practices
    • Live preview
  • Content modelling
    • Understanding content models
    • Best practices for content modelling
    • Querying content
  • Static site generators
    • Comparing different build options
    • Popular static site generators
    • Component library
    • How to connect content data to front-end components
  • Conclusion
    • Key takeaways
    • Subscribe
    • More resources
  • Author acknowledgements
Powered by GitBook

Rangle.io

On this page

Was this helpful?

  1. Static site generators

Popular static site generators

Next.js, Gatsby, and Nuxt.js are popular front-end development frameworks for building modern web applications with built-in support for static site generation.

They provide built-in support for serverless deployment, hot reloading, automatic code splitting, and SEO. We've summarized key differences in the table below.

Feature
Next.js
Gatsby
Nuxt.js

Framework

React-based

React-based

Vue.js-based

Server-side rendering

✅

Limited

✅

Incremental static regeneration

✅

Deferred Static Generation (DSG)

❌

Data fetching method

Agnostic

GraphQL strongly preferred

Agnostic

Plugins

Manual configuration

Pre-built packages

Pre-built packages

Build time

Shorter

Longer

Shorter

API routes

✅

Manual configuration

Manual configuration

Image optimization

✅

✅

Limited

i18n support

Built-in support

Built-in support

Built-in support

Learning curve

Lower

Steeper

Lower

PreviousComparing different build optionsNextComponent library

Last updated 2 years ago

Was this helpful?