50 posts in 'Front Matter'

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

by Sebin Nyshkim (3 posts) · Website & RSS feed

Categories: CSS/Sass Front Matter Global Data How to...Images Plugins

Private Notes in Eleventy

Oct 10, 2024

by Sam Feldstein (3 posts) · Website & RSS feed

Categories: Drafts Front Matter How 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

by Cory Dransfeldt (46 posts) · Website & RSS feed

Categories: CMS Front Matter How to...Remote Data

Hello World (from 11ty)!

Ah shit, here we go again dot gif

Jul 7, 2024

by Nic Lake (1 post) · Website & RSS feed

Categories: Blogging Front Matter

Virtual Templates in Eleventy

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

Jun 1, 2024

by Aleksandr Hovhannisyan (14 posts) · Website & RSS feed

Categories: Configuration Front Matter Global Data How 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

by Chris Burnell (7 posts) · Website & RSS feed

Categories: Front Matter How to...Layouts Nunjucks/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

by Sami Määttä (6 posts) · Website

Categories: Collections Dates Filters Front Matter Nunjucks/Macros

Filter an Eleventy Collection Using Your Own Custom Front Matter

Apr 4, 2024

by Dan Urbanoicz (1 post) · Website

Categories: Front Matter How to...Filters Collections

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

by John M. Wargo (45 posts) · Website & RSS feed

Categories: Blogging Front Matter How to...

My Eleventy site setup

Mar 3, 2024

by anh (3 posts) · Website & RSS feed

Categories: Blogging Collections Front Matter Getting Started Global Data Shortcodes

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

by Grigør (2 posts) · Website

Categories: Blogging Collections Front Matter RSS Social Media

Frontmatter Templates for New Blog Posts

In VS Code, using Snippets

Jan 13, 2024

by Cassey Lottman (11 posts) · Website & RSS feed

Categories: Blogging Front 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.

Jan 12, 2024

by fLaMEd (10 posts) · Website & RSS feed

Categories: Configuration Deployment Front Matter How to...Pagination

Detecting Markdown titles with Eleventy

Jan 10, 2024

by Lewis Dale (5 posts) · Website & RSS feed

Categories: Front Matter How to...Markdown

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

by Ginger (7 posts) · Website & RSS feed

Categories: CMS Front Matter How 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

by Tomek Poniatowicz (2 posts) · Website & RSS feed

Categories: Blogging Collections Front Matter How 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

by Keith Carangelo (1 post) · Website & RSS feed

Categories: Blogging How to...Front Matter Markdown

Fun With Front Matter: Part 4 - Featured Posts

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

Sep 12, 2023

by Raymond Camden (104 posts) · Website & RSS feed

Categories: Front Matter How to...

Fun With Front Matter: Part 3 - Handling Edits

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

Aug 31, 2023

by Raymond Camden (104 posts) · Website & RSS feed

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

by Raymond Camden (104 posts) · Website & RSS feed

Categories: Front Matter How to...

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

Aug 28, 2023

by Raymond Camden (104 posts) · Website & RSS feed

Categories: Front Matter Filters How 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

by John M. Wargo (45 posts) · Website & RSS feed

Categories: Front Matter How to...

Using Rmarkdown with Eleventy

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

Feb 9, 2023

by Michael Schmidt (2 posts) · Website & RSS feed

Categories: Configuration Front Matter How 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 3.01.

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

by TJ Addison (2 posts) · Website

Categories: Front Matter Images How to...

Creating a now page archive with 11ty

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

May 17, 2022

by Simon Dann (11 posts) · Website & RSS feed

Categories: Collections Front Matter How to...Layouts Navigation Now 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

by Jeremy Faucher (8 posts) · Website & RSS feed

Categories: Blogging Front Matter Getting Started How 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

by Michael Harley (14 posts) · Website & RSS feed

Categories: Blogging Front Matter How 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

by Michael Harley (14 posts) · Website & RSS feed

Categories: Blogging How to...Images Front 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 3.01.

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

Sep 24, 2021

by Raymond Camden (104 posts) · Website & RSS feed

Categories: How to...Front Matter