Skip to navigation Skip to main content
11ty Logo Sustainability Fundraising
Eleventy
Eleventy Documentation
Stable
2.0.1
Canary
3.0.0-alpha.13
Toggle Menu
Eleventy 5.81s
Remix 40.14s

Using a CMS

Contents

Content Management Systems (CMS) add a web-based interface to your site, allowing both technical and non-technical folks the ability to easily update the web site on-the-go.

Eleventy (like most site generators) is not tightly coupled to any specific CMS and offers the flexibility to work with a wide variety of available industry and community options! Content Management Systems decoupled in this way are known as Headless.

Using a Headless CMS offers a variety of benefits that will be immediately recognizable to developers familiar with more tightly-coupled/monolithic options, where the front and back-end are co-dependent on each other.

Primarily, using Headless allows developers more control over the front-end. This alleviates pressure on front-end performance and accessibility issues common to monolithic options. It’s worth noting that traditionally tightly-coupled solutions like Drupal, Joomla, or WordPress are also starting to offer Headless options too.

Types of Headless Jump to heading

Digging deeper, there are two main types of Headless CMS options:

  1. Source Control: checks files directly into your code repository (git is a very popular one). You may hear these referred to as Git-based CMS solutions. A few benefits of this approach:
    • Your data and content are already versioned.
    • Works as-is with your existing deployment process, including branch/test/pre-production deploy previews.
    • No data migration is needed if you decide to swap providersβ€”it’s baked in (not fried).
  2. API Based: provide an external API that can be queried in your build or serverless functions. This approach gives you access to a powerful query language that can unlock access to complex data structures.

Headless CMS Providers Jump to heading

The list above is not meant to be exhaustive.

From the Community Jump to heading

Γ—42 resources courtesy of 11tybundle.dev curated by IndieWeb Avatar for https://www.bobmonsour.com/Bob Monsour

Expand to see 37 more resources.

Other pages in Getting Started: