React vs Gatsby

Gatsby

Gatsby is a React-based static site generator and the framework that popularized the Jamstack approach — compiling pages at build time and serving them as pre-rendered HTML for maximum performance and SEO. Gatsby's plugin ecosystem handles data sourcing from any CMS, API, or database, and its GraphQL data layer stitches it all together at build time. It's used heavily for e-commerce, marketing sites, and content-heavy blogs by teams who want React's component model with the SEO benefits of static HTML. Gatsby sites are identifiable through the gatsby-image and gatsby-focus-wrapper CSS classes, the __gatsby global JavaScript variable, and script chunks served from the /static/ directory. Gatsby's build artifacts produce optimized JavaScript chunks with content hashes in filenames, and the gatsby-config.js manifest is often referenced in build artifacts.