Skip to content

Posts

Articles and tutorials exclusive to 11ty Rocks!

Smart Incremental Rebuilds With eleventyImport

๐Ÿฟ 2 min. read โ€ข Posted on: Mar 18, 2023

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

Read Post

Process CSS or Sass With LightningCSS

๐Ÿฟ 6 min. read โ€ข Posted on: Feb 25, 2023

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

Read Post

Eleventy Collection Schemas

๐Ÿฟ 3 min. read โ€ข Posted on: Feb 17, 2023

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

Read Post

Building A Membership Site With 11ty

๐Ÿฟ 6 min. read โ€ข Posted on: Jan 26, 2023

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.

Read Post

New Features and Upgrade Considerations for Eleventy v2.0.0

๐Ÿฟ 6 min. read โ€ข Posted on: Jan 12, 2023

Review major feature additions, breaking changes, and various enhancements to prepare for the v2 stable release of 11ty.

Read Post

Understanding WebC Features and Concepts

๐Ÿฟ๐Ÿฟ๐Ÿฟ 15 min. read โ€ข Posted on: Oct 24, 2022

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!

Read Post

Introduction to WebC

๐Ÿฟ๐Ÿฟ 11 min. read โ€ข Posted on: Oct 15, 2022

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

Read Post

Ignore Eleventy Files With Environment Variables

๐Ÿฟ 2 min. read โ€ข Posted on: Mar 25, 2022

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

Read Post

Creating and Using Eleventy Collections

๐Ÿฟ 6 min. read โ€ข Posted on: Nov 11, 2021

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

Read Post

Use Eleventy Templating To Include Static Code Demos

๐Ÿฟ๐Ÿฟ๐Ÿฟ 15 min. read โ€ข Posted on: Apr 2, 2021

Create a single-page site that composites working code examples by leveraging Nunjucks templating abilities and custom collections and shortcodes.

Read Post

A Deep Dive Into Eleventy Static Site Generator

๐Ÿฟ 1 min. read โ€ข Posted on: Mar 24, 2021

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

Read Post

Using Template Content as Data for 11ty

๐Ÿฟ 4 min. read โ€ข Posted on: Feb 15, 2021

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

Read Post

Going Beyond Static Sites With Eleventy

๐Ÿฟ๐Ÿฟ๐Ÿฟ๐Ÿฟ 18 min. read โ€ข Posted on: Jan 28, 2021

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

Read Post

Create Your First Basic 11ty Website

๐Ÿฟ๐Ÿฟ๐Ÿฟ๐Ÿฟ 18 min. read โ€ข Posted on: Oct 31, 2020

Begin from a blank directory and build up your first Eleventy site. Includes gotchas along the way, why they happen, and how to resolve them. You'll create essential layouts while learn the basics of using Nunjucks and Markdown for templating. And you'll learn to work with local data and external API data. As a bonus, get setup to deploy your final site to Netlify.

Read Post