11ty-WebC-Blog

11ty-WebC-Blog is a starter repository for building a blog website with the Eleventy static site generator and WebC, producing zero-JavaScript output. It is published under the MIT license and includes a live demo on GitHub Pages.

What is 11ty-WebC-Blog?

11ty-WebC-Blog is a boilerplate for a blog site that relies on Eleventy v2.0 and the Eleventy-plugin-WebC. As input, it takes Markdown files for posts and WebC components for UI; as output, it generates a static HTML blog with no client-side JavaScript. The repository is created by nfreear and is available on GitHub with a live demo at nfreear.github.io/11ty-webc-blog/. The project is distributed under the MIT license.

Key Features

• Eleventy v2.0 — Uses the static site generator Eleventy version 2.0, which compiles templates into plain HTML files at build time.
• WebC plugin — Integrates the official Eleventy-plugin-WebC to use WebC components, enabling component-driven authoring with scoped styles and scripts.
• Zero-JavaScript output — The default build produces a static site that runs without any client-side JavaScript, which can improve page load times and accessibility.
• Optional GoatCounter analytics — Includes an optional integration with GoatCounter's pixel-based tracking, allowing privacy-friendly analytics without JavaScript.
• Live demo on GitHub Pages — A working example of the template is deployed at nfreear.github.io/11ty-webc-blog/.
• Simple structure — The starter is based on the Eleventy base blog pattern, giving a familiar layout for blog posts and pages.
• MIT License — Free to use, modify, and distribute under the permissive MIT license.

Who is it for?

• Individuals creating a personal blog — They can clone the repository, add Markdown posts, and deploy a static blog to any hosting service.
• Developers exploring WebC — The starter shows how WebC components fit into an Eleventy site, offering a minimal but functional reference.
• Site owners who avoid JavaScript — Because the output is zero-JavaScript by default, it suits projects where script-free pages are a requirement.

What can you do with 11ty-WebC-Blog?

• Publish a blog quickly — Write posts in Markdown, and the Eleventy build turns them into a complete HTML blog.
• Learn WebC by example — The repository uses the Eleventy-plugin-WebC to demonstrate WebC component usage in a real project.
• Deploy to GitHub Pages — The demo proves the template works on GitHub Pages, and the repo contains the necessary configuration to publish there.

FAQ

Does 11ty-WebC-Blog include a feed?

No — the repository's own todo list says that feeds are not yet implemented. You would need to add an RSS or Atom feed yourself if your blog requires one.

Can I use this template without JavaScript on my site?

Yes. The default build produces zero-JavaScript output. Even the optional analytics integration uses GoatCounter's pixel approach, which does not require JavaScript.

What is the license for 11ty-WebC-Blog?

The repository is licensed under the MIT license, so you can use, modify, and distribute it freely, including for commercial projects.