Official 11ty docs
WebC — Eleventy
37 posts in 'WebC'
Unveiling the Marvels of 11ty's WebC
Are you ready to dive deep into the world of web development and discover a game-changing tool that will revolutionise the way you build websites?
Ryan Gittings · Feb 29, 2024
Categories: How to...PerformanceWebC
Elevating Video Transcripts as Searchable Content
A post by Zach Leatherman (zachleat)
Zach Leatherman · Feb 27, 2024
The Good, the Bad, the Web Components
A post by Zach Leatherman (zachleat)
Zach Leatherman · Jan 31, 2024
Categories: WebC
Migrating my site from NextJS to Eleventy
I recently migrated my website from NextJS to Eleventy.
Sandro Roth · Dec 17, 2023
Categories: Migrating to EleventyWebCWhy Eleventy?
Automating Eleventy Server with Visual Studio Code Tasks
Dan Ryan · Nov 28, 2023
Categories: ConfigurationHow to...WebC
11ty Quick Tip: Minify inline JavaScript in WebC
For when you need to minify your WebC JavaScript
Christian Engel · Nov 10, 2023
Categories: Asset PipelinesHow to...WebC
Under the hood
LostInBrittany's tech blog, reborn... again...
Horacio Gonzalez · Oct 9, 2023
Categories: WebCWhy Eleventy?
Eleventy components woes
So far so good, in part one we managed to do a very basic setup of a blog website sticking to just... Tagged with frontend, javascript, react, webdev.
Tomek Poniatowicz · Oct 3, 2023
Categories: WebC
Eleventy Style Guide Generator with WebC Component Support
The simplicity and speed of Eleventy with the organization of a self documenting design system. Style guide generator that incorporates design tokens, fluid typography, and WebC components.
Steven Woodson · Aug 3, 2023
Categories: WebC
WebC Declarative Shadow DOM Slot Workarounds
A cheeky hack to make slot elements work as expected in 11ty's WebC framework.
Benny Powers · Jul 28, 2023
Creating Bootstrap WebC Components in Eleventy
Using WebC to make working with Bootstrap simpler.
Raymond Camden · Jun 19, 2023
Extending 11ty’s page variable
I’ve had my eye on Astro, so I thought I’d take it for a spin by re-building this here website. I stuck with 11ty in the end for a variety of reasons, but th...
Adam Stoddard · Apr 17, 2023
WebC First Impressions
Thoughts from my first attempt at understanding the new WebC framework from 11ty
Benny Powers · Apr 11, 2023
Categories: WebC
webc-starter-kit (Github repo)
A starter project for Eleventy (11ty) using WebC as a main template langage. Also includes opiniated assets processing and a few more bells and whistles. - solution-loisir/webc-starter-kit
Mathieu Huot · Apr 9, 2023
Categories: WebC
3 Methods for scoped styles in web components that work everywhere
A post by Zach Leatherman (zachleat)
Zach Leatherman · Apr 6, 2023
WebC Updates in Eleventy - Looping
A look at another new WebC feature - looping
Raymond Camden · Apr 4, 2023
Categories: WebC
WebC Updates in Eleventy
Description of updates to WebC
Raymond Camden · Mar 28, 2023
Categories: WebC
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.
Using Eleventy and WebC for Simpler, Performant Web Components - YouTube
YouTube video
Raymond Camden · Feb 7, 2023
Using JavaScript in a WebC Component
Father, husband, developer relations and web standards expert, and cat demo builder.
Raymond Camden · Feb 3, 2023
Categories: WebC
Quick WebC Tip
How to enable better color coding for your WebC templates
Raymond Camden · Jan 27, 2023
Categories: WebC
Importing external components in WebC via NPM
The online journal of Ashur Cabrera.
Ashur Cabrera · Dec 24, 2022
Categories: WebC
Eleventy 2.0 & WebC
I look at my experiences trying out Eleventy and its new Web Component language, webc.
Martin Hicks · Dec 17, 2022
Categories: WebC
Exploring WebC
How to setup and create your first WebC component in a Nunjucks 11ty
Constant Vallee · Nov 30, 2022
Categories: WebC
Building a YouTube Embed Web Component (both vanilla and WebC flavored)
A look at a simple YouTube embed component built in traditional web components and Eleventy's WebC plugin.
Raymond Camden · Nov 17, 2022
My notes on Eleventy WebC components
WebC is a compiler for single file Web Components that brings first-class component model to Eleventy!
Levi McGranahan · Oct 28, 2022
Categories: WebC
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!
Stephanie Eckles · Oct 24, 2022
Categories: WebC
WebC
WebC, the latest addition to the Eleventy suite of technologies, is focused on making Web Components easier to use.
Fuzzy Logic · Oct 23, 2022
Categories: WebC
The WebC Episode with a Bonus Server-Rendered Image Comparison Component on Eleventy
YouTube video
11ty · Oct 20, 2022
First Experience Building with Eleventy's WebC Plugin
My first attempt working with Eleventy's new Web Component plugin
Raymond Camden · Oct 16, 2022
Introduction to WebC
What is WebC and what does it have to do with Eleventy?
Stephanie Eckles · Oct 15, 2022
Categories: WebC