Comparision of
Gatsby vs Eleventy
Feature
| Overview | Learn more | Learn more |
| GitHub Stars | ||
Written in  | JavaScript | JavaScript |
Template Language | JSX | HTML, Markdown, JavaScript, Liquid, Nunjucks, Handlebars, Mustache, EJS, Haml, Pug |
Based on JS framework | React | |
Built-in module bundler | webpack | eleventy-webpackeleventy-parcel |
Static pages (SSG) | ||
Dynamic pages (SSR) | ||
| Developer Experience | ||
|---|---|---|
TypeScript support | ||
Serverless Functions (API) | ||
Focus on plugin system | big | medium |
Themes ecosystem | ||
Hot reloading | ||
Code Splitting | Manual Code Splitting | |
Content Preview | ||
| Builit-in Optimizations | ||
Third-party Script Optimization | ||
Image Optimization | ||
An option to disable runtime JS | gatsby-plugin-no-javascript | No runtime JS required by default |
Critical CSS Extraction | ||
| Starters or examples with common use cases | ||
Data fetching | ||
10+ Headless CMS examples | ||
Authentication | ||
Adding search | ||
Ecommerce | ||
| Security | ||
Regular security audits by external researchers | ||
Environment Variables | ||
Content Security Policy (CSP) | gatsby-plugin-csp | Custom HTTP headers rules |
| Last update | November 1, 2021 | August 24, 2021 |
