Frontend & Meta-Frameworks

Gatsby

Gatsby is a React-based static site generator that pulls data from any source through a GraphQL layer. It pioneered the content-mesh approach to fast marketing and content sites.

Pros

  • Fast static output. Prebuilt pages and asset optimization load quickly. 0
  • GraphQL data layer. Unifies CMS, markdown, and APIs into one query interface. 0
  • Rich plugins. A large plugin catalog covers images, SEO, and sources. 0
  • React-based. Familiar component model for React developers. 0

Cons

  • Slow builds. Large sites suffer long build times. 0
  • GraphQL overhead. The data layer is complex for simple sites. 0
  • Declining momentum. Next.js and Astro have eclipsed it. 0
  • Plugin fragility. Version mismatches between plugins break builds. 0

Compare Gatsby against