Adding Components to Eleventy with WebC
WebC is a brand new HTML-driven file format that brings many new features to Eleventy:
🛠 First-class Incremental Builds
🕊 Per-page CSS/JS bundles
🗂 Single File (Server rendered) Components
🔬 Scoped component CSS
🏝 Pairs with <is-land> for Partial Hydration
📐 Mix and match with existing Eleventy template syntax (Nunjucks, Liquid, etc.)
🤝 WebC works great with Progressive Enhancement, Declarative Shadow DOM, and Streaming
Zach Leatherman (he/him)
Zach is a Builder for the web with Netlify. He’s currently fixated on web fonts and static site generators. His public speaking résumé includes talks in eight different countries at events like Beyond Tellerrand, Smashing Conference, CSSConf, and The White House. He is an emeritus of Filament Group, NEJS CONF, and still helps out with NebraskaJS.