nhoizey / pack11ty

An heavily opinionated Eleventy template project with Sass

Home Page:https://pack11ty.dev/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

GitHub stars Follow @nhoizey@mamot.fr

Pack11ty is an heavily opinionated Eleventy starter (aka "template project").

If you're in a hurry, try one of these quick options:

Deploy to Netlify Deploy to Vercel Remix on Glitch

There are many other options for installation/deployment.

Feel free to use it, enhance it, and share your ideas/comments with issues, or (even better) pull requests.

Key features

A plugin

The Pack11ty plugin (eleventy-plugin-pack11ty) provides many features out of the box, which you can enjoy on any Eleventy project:

  • 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
    • JavaScript, CSS and HTML built separately
    • Dev mode with live reload
  • Responsive images built from simple Markdown and presets
  • Enhanced Markdown thanks to an extensive set of Markdown-it plugins for better contribution: footnotes, attributes, headings anchors, abbreviations, containers
  • A set of Eleventy filters and shortcodes are provided, including an enhanced slugify
  • A simple and responsible way to share YouTube videos

A template repository

Additionnaly, the Pack11ty template repository (pack11ty) helps starting a new project from scratch with even more nice features:

  • Responsive Layout without any Media Query, thanks to CSS Flexible Box Layout (Flexbox) and layouts from Every Layout
  • A 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
  • Etc.

Would you like to know more?

Read the full documentation on pack11ty.dev!

Do you have different needs?

No problem, there are many other Eleventy starters available.

About

An heavily opinionated Eleventy template project with Sass

https://pack11ty.dev/

License:MIT License


Languages

Language:SCSS 40.0%Language:JavaScript 35.8%Language:Nunjucks 24.2%