Skip to main content

Official 11ty docs

Front Matter

Front Matter Data — Eleventy

42 posts in 'Front Matter'

Adding Cooklang Support to Eleventy Three Ways

How I added my recipes to my blog posts with cooklang and the recipe schema

Nov 7, 2024

Categories: CollectionsData CascadeFiltersFront MatterHow to...Layouts

Open Graph Metadata and Images in Eleventy Made Easy

Blog posts are meant to be shared. When sharing links, you'll often see a preview on social media and instant messengers. But how does it work and how can you do it with Eleventy?

Oct 26, 2024

Categories: CSS/SassFront MatterGlobal DataHow to...ImagesPlugins

Private Notes in Foam and Eleventy

Sam Feldstein's digital notebook. Sam is a frontend developer from Bondurant, IA.

Oct 10, 2024

Categories: DraftsFront MatterHow to...

It turns out a CMS can be pretty awesome

Having a CMS to update your site can be awesome. It's not strictly necessary and mine is entirely over-engineered but here we are. It's helpful on mobile, it's been incredibly useful on desktop.

Jul 18, 2024

Categories: CMSFront MatterHow to...Remote Data

Hello World (from 11ty)!

Ah shit, here we go again dot gif

Jul 7, 2024

Categories: BloggingFront Matter

Virtual Templates in Eleventy

In Eleventy 3.0, virtual templates enable plugin authors to publish and share dynamic templates.

Jun 1, 2024

Categories: ConfigurationFront MatterGlobal DataHow to...Plugins

Dynamic Content Includes

In this post, I explain how I solved two issues at the same time by introducing a feature to my post layout that I’m calling pre and post includes.

May 24, 2024

Categories: Front MatterHow to...LayoutsNunjucks/Macros

A custom collection to sort events with Eleventy

I made a custom collection with a filter to sort events by their custom date data.

May 9, 2024

Categories: CollectionsDatesFiltersFront MatterNunjucks/Macros

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.

Mar 18, 2024

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

Feb 27, 2024

Categories: BloggingCollectionsFront MatterRSSSocial Media

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.

Jan 12, 2024

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.

Nov 2, 2023

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.

Oct 3, 2023

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...

Oct 2, 2023

Categories: BloggingHow to...Front MatterMarkdown

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

Sep 12, 2023

Categories: Front MatterHow to...

Fun With Front Matter: Part 3 - Handling Edits

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

Aug 31, 2023

Categories: How to...Front Matter

Fun With Front Matter: Part 2 - Follow-ups

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

Aug 29, 2023

Categories: Front MatterHow to...

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

Aug 28, 2023

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).

Jul 10, 2023

Categories: Front MatterHow to...

Using Rmarkdown with Eleventy

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

Feb 9, 2023

Categories: ConfigurationFront MatterHow to...Markdown

CAUTION

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.

Aug 31, 2022

Categories: Front MatterImagesHow to...

Creating a now page archive with 11ty

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

May 17, 2022

Categories: CollectionsFront MatterHow to...LayoutsNavigationNow Page

Build a Blog With 11ty: Base - Part 2

We are going to be go through the first steps to get up and running with 11ty. Building a 11ty site from scratch will help you keep your site lightweight, scalable and easy to manage.

Mar 28, 2022

Categories: BloggingFront MatterGetting StartedHow to...

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.

Feb 21, 2022

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.

Jan 29, 2022

Categories: BloggingHow to...ImagesFront Matter

CAUTION

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.

Sep 24, 2021

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

Sep 19, 2021

Categories: How to...Front Matter

Page Level URL Fetching with Eleventy

Making a network request on a page with Eleventy

Jul 30, 2021

Categories: How to...Remote DataFront MatterGlobal Data

Dynamic Short URLs with Eleventy

Creating URL aliases dynamically with Eleventy

Jun 22, 2021

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

May 16, 2021

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

May 1, 2021

Categories: How to...Front Matter

Accessing Eleventy Data on the Client Side

Accessing Eleventy data files in your JavaScript code

Jan 18, 2021

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.

Nov 28, 2020

Categories: Front MatterData CascadeHow to...

Eleventy: RSS Feeds and Front Matter Data

Getting front matter data into my Nunjucks RSS feed templates.

Sep 4, 2020

Categories: Front MatterHow to...RSS

Supporting Multiple Authors in an Eleventy Blog

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

Aug 24, 2020

Categories: Front MatterHow to...FiltersPagination

Hiding Future Content with Eleventy

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

Aug 7, 2020

Categories: How to...Front MatterFiltersCollections

Get the blog by email (or RSS)

Powered by Buttondown