darthmall/yolo-vinyl

An exercise in building a website with Eleventy and WebC

Vinyl YOLO

An exercise in building a website with Eleventy, WebC, and Web Components for Some Antics.

View the final version at yolo-vinyl.netlify.app.

Goals

1. Create a hero component for the site as a single-file component (SFC)
2. Create a card web component that is progressively enhanced with some decoration and metadata

Getting Started

npm install
npm start

WebC and Eleventy Resources

• Eleventy docs for using WebC
• Introduction to WebC
• Understanding WebC Features and Concepts
• 11ty.webc.fun for WebC recipes

Relevant GitHub Issues

• Render functions in layouts aren’t re-processed through WebC (eleventy-plugin-webc)
• Arbitrary HTML asset aggregation (WebC)