A walkthrough of integrating the `<baseline-status>` web component into an Eleventy static site. The setup copies the component script from node_modules at build time (avoiding CDN dependency), uses a Nunjucks shortcode for clean authoring, and implements per-page opt-in via frontmatter flags so the ~50KB script only loads on articles that need it. Also explains why Baseline's three-state model (Limited, Newly, Widely Available) is more actionable than Can I Use for deciding whether to use modern web platform features.

5m read timeFrom alwaystwisted.com
Post cover image
Table of contents
Why Baseline over CanIUse?The integrationEasily "turn on and off-able"Using it in an articleWorth it tho?

Sort: