11ty / eleventy-base-webc

A minimalist bare-bones starter project using Eleventy and WebC.

eleventy-base-webc

A minimalist bare-bones Eleventy-official starter project useful for demos/experiments with WebC and the Eleventy site generator (using the v2.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.
• Adds a javascript front matter type for arbitrary JS front matter.
• 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

• Netlify

Deploy this to your own site

Deploy this Eleventy site in just a few clicks on these services:

• Get your own Eleventy web site on Netlify
• If you run Eleventy locally you can drag your _site folder to drop.netlify.com to upload it without using git.
• Read more about Deploying an Eleventy project to the web.