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