Yesterday, I've just updated my 11ty Starter code to the latest version with Tailwind CSS 2 and Webpack 5. Built in developer in mind with great tooling with ESLint and Prettier. The template is production-ready with SEO features. It also includes a little bonus with Netlify CMS (optional).
You can test the template at Eleventy Template live demo
If you are interested you can view the source code at Eleventy Template GitHub Repo
π₯ 11ty for SSG
π¨ Integrate with 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 score
π Include a FREE minimalist blog theme
π Netlify CMS (optional)
ixartz / Eleventy-Starter-Boilerplate
π Eleventy Starter is production-ready with SEO-friendly for quickly starting a blog. β‘ Built with Eleventy, ESLint, Prettier, Webpack 5, PostCSS, Tailwind CSS 2 and Netlify CMS (optional).
Eleventy Starter Boilerplate
π 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
- β¦
Built with latest technologies
- Eleventy
- Tailwind CSS 2.0
- Webpack 5
- ESLint
- Prettier
Other 11ty Templates and Themes
You can also check my other Eleventy templates at:
You can easily customize the themes based on your needs by saving you development and design time.
Top comments (2)
Some comments have been hidden by the post's author - find out more