<h2>Overview</h2>
Yetty is a starter kit for building projects with Eleventy. It is designed with accessibility and performance in mind. It includes features such as Sass/Scss compilation, Critical CSS inclusion, PostCSS with Autoprefixer and PurgeCSS, persistent dark mode, cache busting, HTML minification, PWA support, JS compilation and minification with Webpack CLI, image processing with eleventy-img plugin, and Modernizr CLI integration. Yetty can be deployed on Netlify.
<h2>Features</h2>
<ul>
<li>Sass/Scss: Scss files are compiled before Eleventy builds the site.</li>
<li>Critical CSS: Critical CSS is automatically included in the head of the document.</li>
<li>PostCSS (Autoprefixer and PurgeCSS): PostCSS dependencies have been set up to run through the main css stylesheet.</li>
<li>Persistent dark mode: Dark mode is stored in local storage.</li>
<li>Cache busting: Cache busting is implemented using a filter.</li>
<li>HTML minification: HTML is minified on production.</li>
<li>PWA: Yetty includes PWA support.</li>
<li>JS compilation and minification: JS files are compiled and minified using Webpack CLI.</li>
<li>Image processing: Images are processed using the eleventy-img plugin.</li>
<li>Modernizr CLI: Yetty uses Modernizr CLI to detect browser support for Webp.</li>
</ul>

Ygoex

Yetty