Stephanie Eckles
Posted on October 10, 2020
After CSS, 11ty (Eleventy) is my favorite thing to talk about and create resources for. I'd like to share my new starting point for kickstarting an 11ty static site with Sass.
This starter is an evolution from my other projects that use 11ty and Sass, including:
- A more full-featured 11ty starter, the 11ty Netlify Jumpstart
- My in-depth CSS tutorial site ModernCSS.dev
- The CSS community site StyleStage.dev
- And my portfolio/freelance site, ThinkDoBeCreate
This new Sass Skeleton starter features absolutely nothing beyond a base HTML5 template and the essential setup to watch and compile your Sass alongside 11ty.
It also includes minifiying and autoprefixing of styles during postbuild
.
You can immediately start using it by generating a new repo from the template.
Resources to extend this and learn 11ty
Learn to build an 11ty site in 20 mins with my egghead video course and see how to add a blog and custom data.
Add auto-generated social media images by following my tutorial
Explore advanced setup of custom data through my tutorial on building a community site
For a more full-featured starter check out my 11ty Netlify Jumpstart (also works for hosts other than Netlify).
Follow @5t3ph for more posts about CSS, 11ty, and other front-end topics
Posted on October 10, 2020
Join Our Newsletter. No Spam, Only the good stuff.
Sign up to receive the latest update from our blog.