Skeleventy

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:

1. Make sure you have Node v10+ installed on your system.
2. Clone the repository by running git clone https://github.com/josephdyer/skeleventy.git.
3. Navigate to the project folder by running cd skeleventy.
4. Install the required dependencies by running npm install.
5. 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.