DEV Community

loading...

Eleventy Starter Boilerplate, project template for 11ty

ixartz profile image Remi W. ・1 min read

Eleventy Starter Boilerplate by creativedesignsguru

Recently, I have migrated my blog to Eleventy generator. So, I built a starter kit for this purpose. Now, I hope it could be also useful for someone else.

Please check the GitHub repository to see all included features:

GitHub logo ixartz / Eleventy-Starter-Boilerplate

🚀 Eleventy Starter is production-ready with SEO-friendly for quickly starting a blog. ⚡ Built with Eleventy, ESLint, Prettier, Webpack, PostCSS, Tailwind CSS and Netlify CMS (optional).

Eleventy Starter Boilerplate

Eleventy starter banner

🚀 Eleventy Starter Boilerplate is production-ready with SEO-friendly for quickly starting a blog. ⚡️ Built with Eleventy, ESLint, Prettier, Webpack, PostCSS, Tailwind CSS and Netlify CMS (optional).

Clone this project and use it to create your own Eleventy blog. You can check a Eleventy templates demo.

Features

Production-ready in mind:

  • 🔥 11ty for Static Site Generator
  • 🎨 Integrate with Tailwind CSS (with PurgeCSS, remove unused CSS)
  • 💅 PostCSS for processing Tailwind CSS
  • ⚡️ Lazy load images with lazysizes
  • ✨ Compress image with Imagemin
  • 🎈 Syntax Highlighting with Prism.js
  • ☕ Minify HTML & CSS with HTMLMinifier and cssnano
  • ✏️ Linter with ESLint
  • 🛠 Code Formatter with Prettier
  • 💨 Live reload
  • 📦 Module Bundler with Webpack
  • 🦊 Templating with EJS
  • 🤖 SEO metadata and Open Graph tags
  • ⚙️ JSON-LD for richer indexing
  • 🗺 Sitemap.xml
  • ⚠️ 404 page
  • 📖 Pagination
  • ✅ Cache busting
  • …




Discussion (0)

pic
Editor guide