/ Tags / Eleventy
Eleventy base blog template
This project template includes a simple blog structure using Eleventy, It demonstrates how to collect pages into blog posts and provide a tagging structure.
Eleventy + Netlify CMS Boilerplate
A template for building a simple blog website with the Eleventy static site generator and deploying it to Netlify. Includes Netlify CMS for content editing.
This template provides sample pages, blog posts, tag support and a working contact form powered by Netlify Forms.
Eleventy Starter Boilerplate
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.
You can find a demo on CreativeDesignsGuru
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 score
Philosophy
- Minimal code (HTML, CSS & JS). Add what you need
- SEO-friendly
- 🚀 Production-ready
Eleventy starter with serverless functions
This project template includes a simple home page and build pipeline using Eleventy, Gulp and Netlify's serverless function helper: Netlify Lambda.
It has a simple asset pipeline build with Gulp to prepare JavaScript, Image assets, and compile Sass into CSS.
What happens when you click 'Deploy to Netlify'?
Once you click the Deploy to Netlify button you’ll be dropped into a simple signup workflow. Connect your Git repository and hit save, and Netlify will deploy the site to a global content delivery network. You’ll receive a link to your live site’s URL.