eleventy-base-webc

A minimalist bare-bones Eleventy-official starter project useful for demos/experiments with WebC and the Eleventy site generator (using the v3.0 release).

Features

• Eleventy WebC plugin preconfigured:
  • Includes the <is-land> WebC component ready for use.
  • Add your own *.webc files to the _components folder.
• Using the new node front matter type for arbitrary JavaScript front matter (via node-retrieve-globals)
• Simple WebC Eleventy Layout file with streamlined critical CSS and JS bundles (see _includes/layouts/base.webc)

Get Started

1. Make a copy of this code with one of these on the command line (both install into the current folder):
   • git clone https://github.com/11ty/eleventy-base-webc.git .
   • npx degit 11ty/eleventy-base-webc
   • …or you can use the "Use this template" button on GitHub.
2. Install the dependencies by running npm install
3. Run it with npm start (see the other commands in package.json or on the CLI docs)
4. Navigate to http://localhost:8080 in your web browser.
5. Edit content/index.webc to change content on the home page.

Demo

• Cloudflare Pages
• Netlify
• Learn more about deploying an Eleventy project to the web.