loading...

Eleventy Starter Boilerplate, project template for 11ty

ixartz profile image Rem 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.

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.

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
  • πŸ’― Maximize lighthouse…




Discussion

markdown guide