Skip to main content

21 posts by Stephanie Eckles

Smart Incremental Rebuilds With eleventyImport

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

Categories: How to...

Process CSS or Sass With LightningCSS

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

Categories: CSS/Sass

Eleventy Collection Schemas

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

Categories: Collections

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.

Building A Membership Site With 11ty

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.

Categories: How to...Edge Functions

Understanding WebC Features and Concepts

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!

Categories: WebC

Introduction to WebC

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

Categories: WebC

Ignore Eleventy Files With Environment Variables

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

Categories: How to...

Minimum Static Site Setup with Sass

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

Categories: CSS/SassGetting Started

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.

Creating and Using Eleventy Collections

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

Categories: Collections

Filter Titles for RSS and Social Shares

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

Categories: How to...Social MediaFiltersRSS

Layout Templating

Tips for creating Eleventy layouts.

Categories: CSS/Sass

11ty Date Shortcodes and Filters

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

Categories: DatesHow to...FiltersShortcodes

A Deep Dive Into Eleventy Static Site Generator

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

Categories: Getting Started

Filters for 11ty Content

Includes filters for creating an excerpt and other content enhancements.

Categories: Filters

Site Metadata

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

Categories: Data CascadeGlobal Data

Using Template Content as Data for 11ty

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

Categories: Data CascadeCollections

Going Beyond Static Sites With Eleventy

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

Categories: Why Eleventy?

A Community-Driven Site with Eleventy: Building the Site

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

Categories: How to...

A Community-Driven Site with Eleventy: Preparing for Contributions

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

Categories: How to...

Get the blog by email (or RSS)

Powered by Buttondown