skip to main content

A starter template for eleventy

A starter template for eleventy

Webpack and Eleventy paired nicely together in a barebone template.

Webpack seems to be my go-to bundler, thanks to all the React I am doing these days. And since I am going to do a lot more Eleventy in the coming weeks, why not put something out there that my help others.

Features

  • 🔥 Barebone 11ty (literally :scream:)
  • ⚡ Fast build with per env configs (babel-env, postcss-preset-env, webpack…)
  • .js (ES6, Babel, Polyfills)
  • .css (Sass, PostCSS, Autoprefixer)
  • ✅ Optimized for production (source maps, headers, minified code…)
  • 📸 Responsive images and cached remote images (@11ty/eleventy-img)
  • 📦 SVG icon sprite generation
  • 🤖 SEO metadata and Open Graph tags
  • 🔗 Safe external links (noopener and noreferrer)
  • 📝 Useful shortcodes and filters (date, markdown, sprite icons, responsive images…)
  • 🈵 Neat error overlay (eleventy-plugin-error-overlay)
  • 🎨 Prettier for formatting

Bonus

It currently ranks #8 on Speedlify.

A website showing a score board
Let’s make it to the top shall we

Code available on Github and demo visible here.