A minimal starter project with UI basics and file optimization. Forked from Coffee Filter Starter by Yeshwanthyk with navigation menu and blog setup from Tom Reinert's Minimal 11ty Tailwind starter.
- Gulp integration for fonts and sass
- Asset hashing
- Image optimization using
imagemin
- HTML Minification
- Critical CSS
- Active state nav menu
- Simple blog with archive page
- Theme variables for easy customization
To install the necessary packages, run this command in the root folder of the site:
npm install
- Run
npm start
for a development server and live reloading - Run
npm run production
to generate a production build
- 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>'] %}
Sitewide sharing meta tags are located in _includes/partials/meta-info.html
For post-specific sharings tags, install the Eleventy SEO plugin.