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.
