Pack11ty
An heavily opinionated Eleventy template project with Sass
Overview:
Pack11ty is a heavily opinionated Eleventy starter, also known as a "template project". It offers a wide range of features and options for installation and deployment. It includes a plugin called Pack11ty that provides various features for any Eleventy project. Additionally, there is a template repository that helps users start a new project with additional features. The full documentation for Pack11ty can be found on pack11ty.dev.
Features:
- Collections built automatically from root folders, with pagination for yearly and monthly archives
- Navigation configuration
- JavaScript and Sass/CSS assets optimized for performance
- Inline critical JavaScript and CSS
- External and asynchronous additional JavaScript and CSS with hashes for cache busting
- Separate building of JavaScript, CSS, and HTML
- Dev mode with live reload
- Responsive images built from simple Markdown and presets
- Enhanced Markdown with an extensive set of Markdown-it plugins
- Eleventy filters and shortcodes, including an enhanced slugify
- Simple and responsible way to share YouTube videos
- Responsive layout without media queries using CSS Flexbox and layouts from Every Layout
- Default configuration for responsive images
- PWA for performance, installation, and offline support
- Service Worker with pre-caching of UI assets, auto-caching of visited pages, and offline fallback
- Manifest for PWA installation
- Indieweb support for receiving Webmentions
- Atom feed for all collections combined
- More default containers: success, warning, error
- And more
Summary:
Pack11ty is an opinionated Eleventy starter that offers a wide range of features and options. Its plugin (eleventy-plugin-pack11ty) provides numerous out-of-the-box features for any Eleventy project, including automatic collections, optimized assets, live reload, responsive images, enhanced Markdown, and more. Additionally, the Pack11ty template repository (pack11ty) helps users start new projects with additional features like responsive layouts, PWA support, Indieweb integration, and more. Users are encouraged to explore the full documentation on pack11ty.dev and can also find other Eleventy starters available to cater to different needs.
- 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.
- Templates & Themes
A template or theme refers to a pre-designed layout or structure that provides a basic framework for building a specific type of application or website. It typically includes good design, placeholder content and functional features, allowing developers to customize and fill in the details according to their specific needs.