Looks like I finaly managed to migrate #Pack11ty, my plugin and template/starter for #Eleventy to v3! 🥳
Including replacing all CJS with #ESM, the most difficult part.
Preview: https://11ty3--pack11ty.netlify.app/
Code in branches 11ty3:
- the plugin with most features: https://github.com/nhoizey/eleventy-plugin-pack11ty/tree/11ty3
- the project template/starter with content and “design”: https://github.com/nhoizey/pack11ty/tree/11ty3
I will now improve the docs, before releasing stable versions.
-
My photography site is now built with #Eleventy v3, all JavaScript code is migrated to #ESM, and common features I use in all my Eleventy project are now provided by the #Pack11ty plugin.

Doesn't “3,632 additions and 23,478 deletions” sound like a big improvement?
Much less specific code to maintain in the future! 🥳
- My site: https://nicolas-hoizey.photo/
- Pack11ty: https://pack11ty.dev/
-
Oh… you need to quickly start a new #Eleventy project on your computer?
Asuming you already have
npminstalled, here's how to use my Pack11ty starter/plugin:npm create pack11ty@latest your-project-nameEasy enough? 😁
Details on https://pack11ty.dev with other solutions for Netlify, Vercel, StackBlitz, etc.
-
In other news:
My #Eleventy starter project is now using Eleventy 2.0! 🥳
And my Eleventy plugin for responsive images based on standard Markdown syntax and usage of an image CDN/service is now compatible with Eleventy 2.0:
https://nhoizey.github.io/images-responsiver/eleventy-plugin-images-responsiver/
-
URLs, a poll:
(there is a right answer)
This is an important question for #Eleventy users, because you can't have both
/about.mdand/about/index.mdwith Eleventy default behavior.In #Pack11ty, a single setting is enough to decide: https://pack11ty.dev/documentation/collections/#permalinks
-
📢 The 3rd Edition of EVERY LAYOUT is now available!
We were blown away reading all the kind words you gave us for testimonials; have some logical properties as a thank you!
every-layout.devNDon't have this masterpiece yet? Get it now, it will prevent headaches when creating CSS layouts!
The layout of my #Eleventy project https://pack11ty.dev/ uses it to get a responsive layout without any media query.

Comments
Nothing yet. Say the first thing.
Sign in to join the conversation.