Pack11ty

screenshot of Pack11ty
eleventy

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
eleventy
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.

template
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.