Skip to main content

Official 11ty docs

Front Matter

Front Matter Data — Eleventy

35 posts in 'Front Matter'

Generating Eleventy Post Descriptions Using Generative AI

Using Generative AI to automatically generate post descriptions is a great way to save time and ensure consistency across your site. By leveraging tools like ChatGPT, you can quickly create engaging summaries that entice readers to click through and read more. The Describer GenAI extension for Visual Studio Code simplifies this process, allowing you to effortlessly generate descriptions for your articles with just a few clicks. With the ability to customize settings and easily integrate the generated descriptions into your site, this tool is a valuable asset for content creators looking to streamline their workflow.

Categories: BloggingFront MatterHow to...

A roundup of recent updates to my website

Where i describe the recent updates to the kinds of content you'll find on my website

Categories: BloggingCollectionsFront MatterRSSSocial Media

How to automatically generate a new boilerplate-post with inquirer

This article is about: How I automated the creation of the boilerplate with frontmatter

Categories: BloggingFront MatterHow to...

Frontmatter Templates for New Blog Posts

In VS Code, using Snippets

Categories: BloggingFront Matter

A Simple Guide to Redirects on Neocities with Eleventy

We need more tutorials for using Eleventy outside of Netlify. Lets take a look at setting up redirects on Neocities with Eleventy.

Categories: ConfigurationDeploymentFront MatterHow to...Pagination

How to setup Agit CMS with your 11ty website

The hackable, local, markdown based CMS for the developer that doesn't want content management to be a whole thing.

Categories: CMSFront MatterHow to...

Making a simple Eleventy blog template

If you’ve worked with TypeScript, React or Next odds are you’ve encountered an update that broke a... Tagged with frontend, css, html, tutorial.

Categories: BloggingCollectionsFront MatterHow to...Layouts

Excerpts for Eleventy: My Implementation

Converting my relatively basic personal website to Eleventy has shown me how challenging it is to build a static-site generator flexible...

Categories: BloggingHow to...Front MatterMarkdown

How to use "featured" posts to highlight important content.

Categories: Front MatterHow to...

Fun With Front Matter: Part 3 - Handling Edits

Another example of front matter - signifying edits (both when and why)

Categories: How to...Front Matter

Fun With Front Matter: Part 2 - Follow-ups

Using front matter to specify a follow up to your content.

Categories: Front MatterHow to...

A series on doing more with your Jamstack site's front matter

Categories: Front MatterFiltersHow to...

Batching YAML Front Matter Updates

This article describes a command-line utility I created to do batch add/update to YAML front matter of all of the markdown files in a folder. This is especially helpful when working with static site generators (SSG).

Categories: Front MatterHow to...

Using Rmarkdown with Eleventy

My work, notes, musings and more. Some serious, some not.

Categories: ConfigurationFront MatterHow to...Markdown


The posts below were published before the release of Eleventy v2.0.0 (Feb 8, 2023). Information in these posts may be out of date. The current stable release is 2.0.1. Eleventy v3.0 is currently under development and available for testing.

Processing images linked from frontmatter with eleventy-img to use in meta tags

Engineering Management, SQL, and a dash of front-end from NYC.

Categories: Front MatterImagesHow to...

Creating a now page archive with 11ty

Blog and general digital garden of the full stack programmer Simon Dann.

Categories: CollectionsFront MatterHow to...LayoutsNavigationNow Page

Automating some of the publishing steps for my Eleventy blog

Heres how I automated some of the tedious steps of publishing new posts on my Eleventy blog.

Categories: BloggingFront MatterHow to...

My complete blogging workflow

Here is my complete blogging workflow from how I manage ideas all the way to publishing and sharing.

Categories: BloggingHow to...ImagesFront Matter

Formatting Frontmatter in Eleventy

I like how Odyssey Dao highlights some parts of its titles. If I were writing standard html, I would replicate the effect adding a span with a class to create a style in CSS. However, in eleventy the front matter is parsed as text. In other words...

Categories: Front MatterHow to...


The posts below were published before the release of Eleventy v1.0.0 (Jan 9, 2022). Information in these posts may be out of date. The current stable release is 2.0.1. Eleventy v3.0 is currently under development and available for testing.

How to handle post relations in Eleventy in a manual fashion.

Categories: How to...Front Matter

Supporting Multiple Authors in an Eleventy Blog - Follow-Up

An udate to my earlier Eleventy demo showing how to handle multiple authors

Categories: How to...Front Matter

Page Level URL Fetching with Eleventy

Making a network request on a page with Eleventy

Categories: How to...Remote DataFront MatterGlobal Data

Applying frontmatter defaults to a whole folder of posts in eleventy

Using JSON data files to apply defaults

Categories: How to...Front Matter

Dynamic Short URLs with Eleventy

Creating URL aliases dynamically with Eleventy

Categories: Front MatterCollectionsHow to...

Building a Choose Your Own Adventure site with Eleventy

How I built a "Choose Your Own Adventure" style site with Eleventy

Categories: Front MatterHow to...

Adding an Email Subscription to Your Jamstack Site

Using MailChimp to provide a list service for new posts on your blog

Categories: How to...Front Matter

Accessing Eleventy Data on the Client Side

Accessing Eleventy data files in your JavaScript code

Categories: Global DataRemote DataHow to...Front Matter

Composing data in Eleventy

The ramblings of Ryan Boone, a web developer and designer from Texas with a passion for open, accessible front end development.

Categories: Front MatterData CascadeHow to...

Eleventy: RSS Feeds and Front Matter Data

Getting front matter data into my Nunjucks RSS feed templates.

Categories: Front MatterHow to...RSS

Supporting Multiple Authors in an Eleventy Blog

How to handle multiple authors in Eleventy, with custom author profile pages.

Categories: Front MatterHow to...FiltersPagination

Hiding Future Content with Eleventy

How to use custom filters and collections to hide Eleventy content for the future.

Categories: How to...Front MatterFiltersCollections

Get the blog by email (or RSS)

Powered by Buttondown