Skeleventy
A skeleton boilerplate built with Eleventy.
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
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.
- Eleventy
11ty is a static site generator that allows developers to build fast, modern websites using HTML, Markdown, and other templating languages, without the need for a complex build system.
- Netlify
Netlify is a cloud-based web development platform that provides a range of tools and services to help developers build, deploy, and manage modern web applications. It offers features such as continuous deployment, serverless functions, and CDN hosting, making it an ideal platform for building fast, scalable, and secure websites.
- Postcss
PostCSS is a popular open-source tool that enables web developers to transform CSS styles with JavaScript plugins. It allows for efficient processing of CSS styles, from applying vendor prefixes to improving browser compatibility, ultimately resulting in cleaner, faster, and more maintainable code.
- Webpack
Webpack is a popular open-source module bundler for JavaScript applications that bundles and optimizes the code and its dependencies for production-ready deployment. It can also be used to transform other types of assets such as CSS, images, and fonts.