WebC 56 posts

Category: WEBC (56 posts)

2025

favicon for site or author

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)

favicon for site or author

How My Terminal Text WebC Component Works_

Thank you for thinking out loud

By John Michael Swartz (1 post)

favicon for site or author

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

favicon for site or author

I rebuilt my website from scratch with WebC

The background and design decisions that went into my new website.

By Fynn Becker (3 posts)

Categories
favicon for site or author

WebC at scale

Some things to check when going from hundreds to thousands.

By Ben White (3 posts)

Categories
favicon for site or author

Nested pagination with 11ty

How to paginate through an array of arrays.

By Ben White (3 posts)

favicon for site or author

Building with Eleventy

Re(re-re) building my personal site with Eleventy and web components

By Keith Kurson (3 posts)

favicon for site or author

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)

favicon for site or author

The Good, the Bad, the Web Components

A post by Zach Leatherman (zachleat)

By Zach Leatherman (55 posts)

Categories

2023

favicon for site or author

Migrating my site from NextJS to Eleventy

I recently migrated my website from NextJS to Eleventy.

By Sandro Roth (2 posts)

favicon for site or author

Under the hood

LostInBrittany's tech blog, reborn... again...

By Horacio Gonzalez (1 post)

Categories
favicon for site or author

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)

Categories
favicon for site or author

webc.nvim

New Neovim Plugin - Basic support for WebC files

By Benny Powers (8 posts)

Categories

Supercharge your HTML with WebC

YouTube video

By Build UX (1 post)

Categories
favicon for site or author

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)

Categories
favicon for site or author

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)

Categories
favicon for site or author

Creating Bootstrap WebC Components in Eleventy

Using WebC to make working with Bootstrap simpler.

By Raymond Camden (104 posts)

Categories
favicon for site or author

Extending 11tyโ€™s page variable

Adding slot-like support to 11ty.

By Adam Stoddard (2 posts)

Categories
favicon for site or author

WebC First Impressions

Thoughts from my first attempt at understanding the new WebC framework from 11ty

By Benny Powers (8 posts)

Categories
favicon for site or author

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)

Categories

A WebC-focused YouTube playlist

YouTube video

By Ricky de Laveaga (1 post)

Categories
favicon for site or author

WebC Updates in Eleventy - Looping

A look at another new WebC feature - looping

By Raymond Camden (104 posts)

Categories
favicon for site or author

WebC Updates in Eleventy

Description of updates to WebC

By Raymond Camden (104 posts)

Categories

WebC for 11ty

WebC for 11ty

By Rob Wood (2 posts)

Categories
favicon for site or author

Using JavaScript in a WebC Component

Father, husband, developer relations and web standards expert, and cat demo builder.

By Raymond Camden (104 posts)

Categories
favicon for site or author

Quick WebC Tip

How to enable better color coding for your WebC templates

By Raymond Camden (104 posts)

Categories

2022

Importing external components in WebC via NPM

Multiline Comment โ€ข The online journal of Ashur Cabrera

By Ashur Cabrera (8 posts)

Categories
favicon for site or author

Eleventy 2.0 & WebC

I look at my experiences trying out Eleventy and its new Web Component language, webc.

By Martin Hicks (2 posts)

Categories
favicon for site or author

Exploring WebC

How to setup and create your first WebC component in a Nunjucks 11ty

By Constant Vallee (2 posts)

Categories
favicon for site or author

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)

Categories
favicon for site or author

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)

Categories
favicon for site or author

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)

Categories
favicon for site or author

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)

Categories
favicon for site or author

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)

Categories
favicon for site or author

First Experience Building with Eleventy's WebC Plugin

My first attempt working with Eleventy's new Web Component plugin

By Raymond Camden (104 posts)

Categories
favicon for site or author

Introduction to WebC

What is WebC and what does it have to do with Eleventy?

By Stephanie Eckles (21 posts)

Categories
favicon for site or author

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)

Some content below may have been published before the release of Eleventy v3.0.0 (October 1, 2024). Information may have changed in newer versions. Current stable release: 3.12
Some content below may have been published before the release of Eleventy v2.0.0 (Feb 8, 2023). Information may have changed in newer versions. Current stable release: 3.12.
Some content below may have been published before the release of Eleventy v1.0.0 (Jan 8, 2022). Information may have changed in newer versions. Current stable release: 3.12.
All of the content below was published before the release of Eleventy v1.0.0 (Jan 8, 2022). Information may have changed in newer versions. Current stable release: 3.12.