WebC 56 posts
Category: WEBC (56 posts)
2025
We migrated our site to Eleventy and increased performance by 24%
How choosing the right tool for the job led to faster load times and fewer dependencies.
By Dan Webb (1 post)
How My Terminal Text WebC Component Works_
Thank you for thinking out loud
By John Michael Swartz (1 post)
Building a resume website with eleventy
i share how i built a fully customizable resume website with eleventy, complete with seo-friendly features and pdf generation.
By Keith Kurson (3 posts)
2024
I rebuilt my website from scratch with WebC
The background and design decisions that went into my new website.
By Fynn Becker (3 posts)
Oddbirdโs Winging It Live: Web Components
Nested pagination with 11ty
Building with Eleventy
Re(re-re) building my personal site with Eleventy and web components
By Keith Kurson (3 posts)
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?
By Ryan Gittings (4 posts)
Elevating Video Transcripts as Searchable Content
A post by Zach Leatherman (zachleat)
By Zach Leatherman (55 posts)
2023
Migrating my site from NextJS to Eleventy
Under the hood
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.
By Tomek Poniatowicz (2 posts)
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.
By Steven Woodson (6 posts)
WebC Declarative Shadow DOM Slot Workarounds
A cheeky hack to make slot elements work as expected in 11ty's WebC framework.
By Benny Powers (8 posts)
Creating Bootstrap WebC Components in Eleventy
Using WebC to make working with Bootstrap simpler.
By Raymond Camden (104 posts)
WebC First Impressions
Thoughts from my first attempt at understanding the new WebC framework from 11ty
By Benny Powers (8 posts)
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
By Mathieu Huot (2 posts)
Using WebC for progressively-enhanced UI elements
By Lewis Dale (5 posts)
Using JavaScript in a WebC Component
Father, husband, developer relations and web standards expert, and cat demo builder.
By Raymond Camden (104 posts)
Quick WebC Tip
2022
Importing external components in WebC via NPM
Eleventy 2.0 & WebC
I look at my experiences trying out Eleventy and its new Web Component language, webc.
By Martin Hicks (2 posts)
Exploring WebC
How to setup and create your first WebC component in a Nunjucks 11ty
By Constant Vallee (2 posts)
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.
By Raymond Camden (104 posts)
My notes on Eleventy WebC components
WebC is a compiler for single file Web Components that brings first-class component model to Eleventy!
By Levi McGranahan (1 post)
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!
By Stephanie Eckles (21 posts)
WebC
WebC, the latest addition to the Eleventy suite of technologies, is focused on making Web Components easier to use.
By Fuzzy Logic (3 posts)
WebC
WebC, the latest addition to the Eleventy suite of technologies, is focused on making Web Components easier to use.
By Laurence Hughes (4 posts)
First Experience Building with Eleventy's WebC Plugin
My first attempt working with Eleventy's new Web Component plugin
By Raymond Camden (104 posts)
Introduction to WebC
Using Storybook With 11ty
Storybook is great for component-driven development. This blog post shows you how to use Storybook with 11ty.
By Paul Everitt (2 posts)