Gatsby

Gatsby v5 focuses on Valhalla Content Hub and improved build speeds (Slice API). While Next.js has overtaken it, Gatsby remains strong for complex CMS-driven sites.

When to Use

• Static Marketing Websites & Blogs: Pre-rendering React pages with maximum SEO and instantaneous page loads.
• Headless CMS Frontends: Sourcing content from Contentful, Sanity, Strapi, or WordPress via unified GraphQL.
• High-Performance Image Optimization: Delivering responsive WebP/AVIF images with blur-up placeholders.
• Documentation Sites: Generating static documentation with MDX and Algolia search integrations.

Quick Start

// src/pages/index.js
import * as React from "react";
import { Link } from "gatsby";