Overview
Skeleventy is an Eleventy starter skeleton that provides a solid foundation for building fast and accessible static websites. It offers a clean and minimal build pipeline with SCSS and Laravel Mix for compiling assets, a smart Sass-powered utility class generator called Gorko, HTML minifier, support for ES2017 JavaScript, SEO-friendly page meta, image lazy loading, mobile navigation, XML sitemap, clean and simple blog with categories and featured images.
Features
- Clean and minimal build pipeline: SCSS and Laravel Mix for compiling assets
- Gorko: A smart Sass-powered utility class generator
- Purgecss: Remove unused CSS
- HTML minifier: Minify HTML
- ES2017 JavaScript support: Babel compilation for ES2017 JavaScript
- SEO friendly page meta: Including Open Graph and Twitter
- Image lazy loading: Lazy loading of images
- Mobile navigation: Navigation optimized for mobile devices
- XML Sitemap: Generate XML sitemap for search engines
- Clean and simple blog: Categories and featured images for blog posts
Installation
To install Skeleventy, follow these steps:
- Make sure you have Node v10+ installed on your system.
- Clone the repository by running
git clone https://github.com/josephdyer/skeleventy.git. - Navigate to the project folder by running
cd skeleventy. - Install the required dependencies by running
npm install. - Start the local development server by running
npm run dev. (Note: Eleventy has live reload baked in!)
Summary
Skeleventy is an Eleventy starter skeleton for building fast and accessible static websites. It provides a clean and minimal build pipeline with SCSS and Laravel Mix for compiling assets, a smart Sass-powered utility class generator called Gorko, support for ES2017 JavaScript, SEO-friendly page meta, image lazy loading, XML sitemap, and a clean and simple blog system. With easy installation and a focus on simplicity and maintainability, Skeleventy is a solid foundation for building static websites.