assets

This is a clever trick (probably too clever) for setting up Eleventy to manage asset pipelines like SCSS and JavaScript transformations, as well as using hashes in filenames for cache busting.

Precompiled Sass and JS files that become part of the source folder.

I like to use NPM scripts for my asset pipeline instead of using Eleventy to generate assets and orchestrate everything. The latest release of Eleventy Dev Server makes that approach both easy to implement and quite performant.

While some SSGs have a standardized way of handling assets, Eleventy does not. That's a good thing! Here are a few possible approaches you can take.

Use lite-youtube-embed in Eleventy for faster and more privacy-minded video

Rather than using static font-face declarations for web fonts, you can take advantage of global data in 11ty to create a single source of truth for fonts and reuse those values throughout your templates and CSS.