Gatsby

Gatsby je generátor statických webů založený na Reactu, který staví optimalizované weby z dat získaných z různých zdrojů včetně CMS, API, databází a souborového systému. Při buildu Gatsby stáhne všechna data, zpracuje je přes jednotnou GraphQL datovou vrstvu a vygeneruje předvykreslené HTML stránky s progresivním vylepšením, které se na klientovi hydratují do plnohodnotných React aplikací.

Framework standardně obsahuje agresivní výkonnostní optimalizace: code splitting pro každou routu, prefetching odkazovaných stránek, generování responzivních obrázků s lazy loadingem a rozmazanými placeholdery a inline kritické CSS. Ekosystém pluginů rozšiřuje funkcionalitu o získávání dat, zpracování obrázků, integraci analytiky a SEO optimalizaci.

Pro vývoj webu Gatsby jako první zavedl mnoho vzorů, které později převzaly jiné frameworky – zejména přístup ke všem datovým zdrojům jako k rovnocenným přes jednotnou dotazovací vrstvu. Zůstává solidní volbou pro blogy, dokumentaci a marketingové stránky, kde je vykreslování při buildu vhodné. Jeho pozice na trhu se však posunula, protože Next.js a Astro nabízejí flexibilnější strategie vykreslování bez nutnosti zpracovávat vše přes GraphQL při buildu, čímž řeší bolestivá místa kolem rychlosti buildu a křivky učení.