Eleventy Base Webc

screenshot of Eleventy Base Webc
eleventy

Eleventy Base Webc

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

Overview

The Eleventy-base-webc is a minimalist bare-bones Eleventy-official starter project designed for demos and experiments with WebC and the Eleventy site generator. It includes preconfigured features such as the Eleventy WebC plugin, the WebC component, javascript front matter type, and a simple WebC Eleventy Layout file. The project provides an easy way to get started with building websites using Eleventy and WebC, and allows users to quickly deploy their Eleventy sites on platforms like Netlify.

Features

  • Eleventy WebC plugin preconfigured: The starter project comes with the Eleventy WebC plugin already set up, allowing users to compile WebC files into HTML.
  • Includes the WebC component: The project includes the WebC component, which is ready to be used in the build process.
  • *Add your own .webc files: Users can easily add their own WebC files to the _components folder for customization and further development.
  • Adds a javascript front matter type: The project adds a javascript front matter type, allowing users to include arbitrary JS front matter in their Eleventy sites.
  • Simple WebC Eleventy Layout file: The starter project provides a streamlined critical CSS and JS bundles in the simple WebC Eleventy Layout file.

Installation

To install the Eleventy-base-webc starter project, follow these steps:

  1. Make a copy of the code using one of the following command line options:

    • git clone https://github.com/11ty/eleventy-base-webc.git .
    • npx degit 11ty/eleventy-base-webc
  2. Install the project dependencies by running npm install.

  3. Run the project using npm start command. This will start the development server.

  4. Open your web browser and navigate to http://localhost:8080 to view the project.

  5. To customize the content on the home page, edit the content/index.webc file.

Summary

The Eleventy-base-webc starter project is a useful tool for developers who want to experiment with WebC and the Eleventy site generator. It provides preconfigured features, including the Eleventy WebC plugin, the WebC component, and a javascript front matter type. The project also includes a simple WebC Eleventy Layout file with streamlined critical CSS and JS bundles. With easy installation and customization options, developers can quickly get started with building websites using Eleventy and WebC. Additionally, the project allows for seamless deployment on platforms like Netlify, ensuring a smooth workflow for developers.

eleventy
Eleventy

11ty is a static site generator that allows developers to build fast, modern websites using HTML, Markdown, and other templating languages, without the need for a complex build system.