Eleventy Filter Coffee Starter

A simple eleventy starter kit as a base for easily setting up new projects.

Features

• Gulp integration for fonts and sass
• Asset hashing
• Image optimization using imagemin
• HTML Minification
• Critical CSS

Getting Started

To install the necessary packages, run this command in the root folder of the site:

npm install

Commands

• Run npm start for a development server and live reloading
• Run npm run production to generate a production build

Deploy a fork of this template to Netlify

CSS

• Styling works with Sass. New css can be added in src/scss folder.
• Page level styling can be set by adding the following at the top of the page,

{% set pageCriticalStyles = ['css/<example.css>'] %}

Credits

• Andy Bell for creating the wonderful course, Learn Eleventy From Scratch. Almost all of this starter comes from the lessons I learnt from the course.
• Max Boch lovely Eleventastic