• Stars
    star
    183
  • Rank 210,154 (Top 5 %)
  • Language SCSS
  • License
    MIT License
  • Created over 4 years ago
  • Updated over 1 year ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

An heavily opinionated Eleventy template project with Sass

[ Pack11ty ]

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.

More Repositories

1

vscode-gremlins

Gremlins tracker for Visual Studio Code: reveals invisible whitespace and other annoying characters
JavaScript
188
star
2

jekyll-postfiles

A Jekyll plugin that copies static files from the _posts to the _site folder
Ruby
120
star
3

jekyll-cloudinary

Jekyll plugin adding a Liquid tag for Cloudinary, for better responsive images
Ruby
89
star
4

nicolas-hoizey.com

The personal website/blog from Nicolas Hoizey, built with https://pack11ty.dev/
JavaScript
82
star
5

1y

A template project to build a short URL manager with Eleventy
Nunjucks
76
star
6

images-responsiver

Global solution for responsive images, transforming simple image HTML syntax into better responsive images syntax.
JavaScript
64
star
7

PinboardInGoogle

Showing Pinboard bookmarks alongside Google search results
JavaScript
19
star
8

Better500px-WebExtension

Enhances 500px.com with a few useful shortcuts for better navigation
JavaScript
19
star
9

spip2markdown

Migration facilitée de la syntaxe spécifique à SPIP vers Markdown
PHP
18
star
10

macOS-init

Script d'installation complète des applications sur un Mac vierge
Shell
18
star
11

HTML5-Titles-Inception

How to style h1-h3 elements according to the number of sectioning elements they are embeded into.
CSS
13
star
12

github-action-feed-to-mastodon

A GitHub Action to create toots on Mastodon from a JSON Feed
JavaScript
12
star
13

nicolas-hoizey.photo

Nicolas Hoizey's photography portfolio
Nunjucks
11
star
14

demo-11ty-netlify-cloudinary

A demonstration of responsive images in simple Markdown with Eleventy, Netlify and Cloudinary
JavaScript
5
star
15

automations

3
star
16

eleventy-plugin-link_to

A Nunjucks tag to link to another internal content in Eleventy with its slug.
JavaScript
3
star
17

eleventy-plugin-images-responsiver

Global solution for responsive images in Eleventy, allowing authors to use Markdown syntax for image and yet get responsive images in generated HTML.
JavaScript
3
star
18

precious-prana.com

Precious Prana, communauté qui permet aux mères actives de se ressourcer
JavaScript
2
star
19

flickrSuggest

PHP
2
star
20

github-labels

Tools to sync default labels for my Github repositories Issues and Pull Requests
Shell
2
star
21

homebrew-cask

My own tap of Homebrew casks
Ruby
2
star
22

jekyll-firstimage

A Jekyll plugin that adds a Liquid filter finding the first image in a HTML content string, including responsive images srcset
Ruby
2
star
23

eleventy-plugin-pack11ty

An heavily opinionated set of filters, shortcodes, transforms, collections for Eleventy, linked to the Pack11ty template project
JavaScript
1
star
24

knowledge-base

My own slightly opinionated knowledge base
JavaScript
1
star
25

lab.nicolas-hoizey.com

Nicolas Hoizey's lab
HTML
1
star