Stephanie Eckles 21 posts

Ensure templates that display content from collections, like a blog index, rebuild when associated collection content changes.

Use these plugins or code snippets to make CSS a first-class templating language in Eleventy and add processing with LightningCSS and/or Sass.

Use this 11ty plugin to enforce a typed frontmatter schema for templates within an Eleventy collection.

YouTube video

Do you want to offer exclusive content, but also have full control over the platform you use? With the power combo of Eleventy, Netlify, and Supabase, we’ll create an authenticated membership site, no frameworks required.

WebC is an exciting addition to the 11ty ecosystem as it enables first-class components. Putting the pieces together may be a little overwhelming, so let’s review some WebC features to help you be successful!

What is WebC and what does it have to do with Eleventy?

Using environment variables and the Eleventy config option to ignore files, we can exclude files or directories depending on our build process.

Use this command line combination for building a static site that includes Browsersync, processing Sass and running the final files through autoprefixer and cssnano.

Collections allow you to group templates and then sort, filter, and perform other manipulations to customize the display of your template content and data.

Replace characters that are often stripped out of post titles by RSS readers and social network link embeds

YouTube video

Tips for creating Eleventy layouts.

Use this shortcode and filter as a starting point for your date transformation needs.

Learn what makes Eleventy unique, and about some essential concepts to help you successfully get started.

Includes filters for creating an excerpt and other content enhancements.

A useful technique to manage site metadata (title, description, url, etc) for ease of retrieval throughout templates and content.

Create a collection of content using any Eleventy templating language and learn to control the output to enable using that content as data.

Eleventy includes features that allow exceeding the traditional limits of static. Learn how to leverage these features and think beyond static when using Eleventy.

In the last article, we learned what goes into planning for a community-driven site. We saw just how many considerations are needed to start accepting user

I've recently found myself reaching for Eleventy (aka 11ty) above all other tools when I want to develop a website. It's hard to beat a static site generator