Eleventy blog Jan 3, 2023 · A nice-looking, mobile-first and dark theme friendly blog theme built with Eleventy SSG and Stylus Preprocessor Eleventy and Cloudinary images (Setting up responsive images in Eleventy using Cloudinary) by Sia Karamalegos Supporting Multiple Authors in an Eleventy Blog by Raymond Camden. 🚀 Eleventy Starter Boilerplate is production-ready with SEO-friendly for quickly starting a blog. In my opinion, it strikes the perfect balance between minimal and flexible, enabling you to create a blog that works like you think. Oct 27, 2023 · In this article, I will talk about why I switched, how I did it, and my thoughts about Eleventy as a new user. That scrawny little paw just barely Single-column blog template for Eleventy focused on simplicity without sacrificing functionality A docs page for Eleventy, a simpler static site generator. Lighthouse scores are updated daily. Examples eleventy-base-blog How to build a blog web site with Eleventy. Once that’s done, we’ll walk through the following: An overview of our new technology stack An inventory of our 11ty project This is part 1 of my Eleventy Crash Course series. David lists 11 Top Eleventy Blog Themes (Starters) in 2023. You can check a Eleventy A docs page for Eleventy, a simpler static site generator. Feb 20, 2025 · I also wanted something original rather than combining or copying existing designs. It supports multiple templating languages, including HTML, Markdown, and Nunjucks. ⚡️ Built with Eleventy, ESLint, Prettier, Webpack, PostCSS, Tailwind CSS and Netlify CMS (optional). A post by Zach Leatherman (zachleat)Blog posts and tutorials for the Eleventy static site generator. 1, a simpler static site generator. The Eleventy Blog Starter showcases features such as our native Page Management and shows how you should structure your Eleventy website. This is an older version of Eleventy. This tutorial shows how to use it to craft a neat Jamstack blog. 6 Minutes to Build a Blog from Scratch with Eleventy Steal the Productivity System I Taught to 6,642 Googlers ChatGPT in a robot does exactly what experts warned Oct 12, 2024 · 11ty Themes 11ty (Eleventy) is a simple, flexible, javascript static site generator that allows developers to create fast, modern websites using a variety of templating languages like HTML, Markdown, and Liquid Aug 10, 2020 · An Eleventy blog post published on August 2020. 14s Community Dec 10, 2024 · Project Structure content/blog/ has the blog posts but really they can live in any directory. It al Jan 19, 2022 · About eight months or so I had the idea to write up a guide for building a blog in Eleventy. Jan 30, 2024 · A starter template for building a blog with the Eleventy static site generator, implementing a wide range of performance best practices. It's not difficult of course and others have talked about the process, but I wanted to write something a bit more "formal" than a traditional blog post and something that could be really useful for folks new to the framework. Updated weekly, this curated collection of the best Nextjs themes is perfect for your next project. Find the best free Jamstack themes and templates for your next project! 💊 Nulite is a simple, elegant, minimalistic stater project for Eleventy to help you create a simple blog with focus on performance and simplicity. 0 🎈🐀 We are very excited to see this ship and look forward to what y’all build with it 🏆 Eleventy v3. Apr 5, 2023 · Here we take our Eleventy Base Blog starter project (currently at v8) and revert the application code to older and older versions to see if they will run with the latest version of Eleventy (v2. Community contributions are shown in random order. Content-first eleventy blog template with basic layout and various features - mendhak/eleventy-satisfactory Oct 31, 2020 · This article will show you how to build a static site in 11 minutes using Eleventy. Oct 4, 2022 · In this beginner's Eleventy tutorial, learn how to use 11ty by creating a static site with this Static Site Generator. Delete this message from _includes/layouts/home. 0 on 2023 January 24 The very first beta release of Eleventy v2. Oct 1, 2024 · A starter repository for a blog web site using the Eleventy static site generator. 5 days ago · Please participate in the Eleventy Community Survey (and Suggestion Box) (2025)! As we look to our current and future priorities, this survey offers folks from the community an opportunity to weigh in on what they’d like to see moving forward! May 13, 2025 · Ecosystem Community Blog Eleventy v3. Oct 1, 2023 · Eleventy (2 Part Series) 1 Making a simple Eleventy blog template 2 Eleventy components woes Aug 8, 2023 · Free and open-source themes for Hugo, Eleventy, Jekyll, Gatsby and many more. This is an Eleventy project created from the eleventy-base-blog repo. 0 is now available! — EleventyAfter over a year of work, our very first stable release of ESM-friendly 3. With its extensive documentation and active community support, Eleventy is a popular choice among developers for static site generation. 0 version of Eleventy. 0 on 2023 Sep 1, 2020 · I'm excited to announce the beta-release of eleventy-high-performance-blog –a high-performance blog template for 11ty based on this very website. Eleventy and Cloudinary images (Setting up responsive images in Eleventy using Cloudinary) by Sia Karamalegos Supporting Multiple Authors in an Eleventy Blog by Raymond Camden. io/create and extend its functionality. And if you're new to Eleventy, you'll find links to 105 blog posts in the Getting Started category. Nov 11, 2025 · A bundle of Eleventy releases, blog posts, sites, and resources. Lists # Jamstack Themes A list of starter themes filterable by supported static site generator and CMS. 1). Blog — EleventyThis is an older version of Eleventy. And I just love everything about it. Discover the Man and Woman collections. Jun 1, 2020 · Go with Eleventy if you want a fast-building blog that's easy to theme, extend, and customize. 0 is now available: Eleventy v3. Jan 1, 2016 · By default Eleventy uses file creation dates, which works fine if you run Eleventy locally but may reset in some conditions if you run Eleventy on a Continuous Integration server. eleventy-blog-staticman A starter repository showing how to build a blog with the Eleventy static site generator with a commenting system powered by Staticman. Shipping is always free and returns are accepted at any location. The post is from December 2022. A starter repository for a blog web site using the Eleventy static site generator. We’ll use pagination to automatically generate a template for each tag we want to link to. Jul 20, 2020 · In this guide, we’ll set up the 11ty (Eleventy) Blog Template from sanity. Sep 12, 2024 · An Eleventy blog post published on September 2024. Comes with a customizable duotone theme, minimal and clean design. ⚡️ Built with Eleventy, ESLint, Prettier, Webpack, PostCSS, Tailwind CSS. Eleventy dresses every person who aspires to self-improvement with tailored and responsible Italian elegance. Eleventy is a simpler static site generator. The npm command (provided by Node. Check it out! A docs page for Eleventy, a simpler static site generator. Jan 14, 2025 · Build personal blog site super easy with Eleventy JS, a simpler static generator. Eleventy (abbreviated 11ty) is an open source JavaScript based static site generator that allows the user to select their own preferred template engine and theme, which in practice can and does enable use of microformats2. A starter repository for building a blog with the Eleventy static site generator implementing a wide range of performance best practices. This guide is written for the recently released 1. This week we’ve spent a little time updating our eleventy-base-blog project to the latest version and added a few new features too. Feb 16, 2024 · Since I am already familiar with the 11ty (Eleventy) static site generator, I set up a blog by using a minimal CSS framework called PicoCSS. This guide will help you build your own 11ty blog step-by-step, whether 🎈 Official Starter · How to build a blog web site with Eleventy. Alternatively you can clone this repo yourself and push your copy to your favorite Jun 2, 2025 · Eleventy blog theme with main focus on content, and less on everything … Oct 12, 2024 · Creating a Blog with 11ty: A Simple Step-by-Step Guide # An easy guide for beginners to build modern static blogs using 11ty If you're looking to create a blog that is fast, lightweight, and easy to customize, 11ty (Eleventy) might be the perfect fit. They need only the posts tag to be included in the blog posts collection. It uses JavaScript to transform data and templates into HTML pages. 0 is now available — 11% faster and 22% smaller! 2025 May 13 zachleat 📢 Subscribe to the Eleventy News Feed Edit _data/metadata. This is the first blog post written in the new blog engine, and the migration is complete! Oct 8, 2025 by Ash Furrow (2 posts) · Website & RSS feed Categories: Blogging Images Performance Plugins Blog — EleventyThe Need for Speed: Why Eleventy Leaves Bundlers Behind on 2023 March 20 Five Million npm Downloads! on 2023 March 03 We’re on Product Hunt Today! on 2023 February 10 Eleventy v2. Apr 11, 2021 · Here we will implement Eleventy, a static site generator powered by NodeJS and create our own personal blog website. com There are multiple examples of building blogs with Eleventy, but I wanted to take a stab at covering everything in the process. Work around this by using explicit date assignments, either in your front matter or your content’s file name. 🎈 Official Starter · How to build a blog web site with Eleventy. 0 Tutorials | Eleventy, a simpler static site generator. So, I decided to start with a personal blog instead. 🎈 Official Starter · How to build a blog web site with Eleventy. Jan 24, 2023 · Last week marked the first beta release of Eleventy’s new v2. config. This is the first blog post written in the new blog engine, and the migration is complete! Oct 8, 2025 by Ash Furrow (2 posts) · Website & RSS feed Categories: Blogging Images Performance Plugins Sep 1, 2020 · I'm excited to announce the beta-release of eleventy-high-performance-blog –a high-performance blog template for 11ty based on this very website. 0. The various templating languages are also a plus. Compare npm install Eleventy5. Read on to learn more about how they differ and work. That link will walk you through connecting your Sanity account, connecting, and creating a repository in GitHub and setting up hosting on Netlify. Quick Tip: Zero Maintenance Tag Pages for your Blog This quick tip will show you how to automatically generate Tag Pages (lists of content tagged into a collection). May 7, 2024 · Eleventy (11ty) is a compelling solution for developers seeking a straightforward, performance-oriented approach to static site generation. Jan 3, 2023 · There's a huge range of free starter themes available for the Eleventy static site generator. A newcomer-oriented starter project for making Zonelets-style blogs with Eleventy. And as I wanted a clean look, I didn’t use any pre-built themes or starter projects – did everything from scratch. 6 Minutes to Build a Blog from Scratch with Eleventy Steal the Productivity System I Taught to 6,642 Googlers ChatGPT in a robot does exactly what experts warned Oct 12, 2024 · 11ty Themes 11ty (Eleventy) is a simple, flexible, javascript static site generator that allows developers to create fast, modern websites using a variety of templating languages like HTML, Markdown, and Liquid Zach Leatherman is a builder for the web at Font Awesome and the creator/maintainer of Eleventy (11ty), an award-winning open source site generator. Oct 29, 2025 · You'll also find links to eleventy billion more starter projects on the 11ty docs site. Welcome to this Eleventy for Beginners tutorial. Eleventy High Performance Blog demo site Eleventy High Performance Blog GitHub repo And there we have it: the top 11 free Eleventy themes for 2024! Have we missed your favorite 11ty theme? Let us know on X or Jun 6, 2020 · Eleventy is my favorite static site generator, and it's the tool I use to build this blog. js) will create one for you with npm init -y. This website is generated using Eleventy. Transforms a directory of templates (of varying types) into HTML. This uses eleventy to transform the data using a nunjucks template, resulting in a cleaner, templated setup. See full list on github. In this series we’ll go through the basics of Eleventy from learning how to install the framework, creating layouts, pages, and blog posts, and an introduction to using data files. You can read more at the Eleventy News Blog. js with your blog’s information. Getting Started Starter Projects # Add your own starter project. Find the latest selection of Eleventy in-store or online at Nordstrom. js static site generator, showing how to build a simple site with pages and blog posts. Click the "Use this template" button. Clone this project and use it to create your own Eleventy blog. Eleventy is production ready and trusted by: NASA Cern TC39 W3C Google Microsoft Mozilla Font Awesome Apache freeCodeCamp …and more Eleventy has been downloaded 14,868,544 times and is used on 82,000+ repositories on GitHub. 0: Possums ️ ESM (includes full release notes, features, upgrade guide, and thank you notes!) # (July 2024) Eleventy v3. Mar 21, 2022 · 11ty is simple, flexible, and powerful. js with your configuration preferences. 0, The Stable Release on 2023 February 08 The v8 release of Eleventy’s Base Blog starter project using Eleventy 2. . Eleventy offers full control over your project’s output. In this part I cover how to setup an 11ty project from scratch, how to create layout templates, and how to Eleventy Duo is a production-ready and SEO-friendly starter for building a blog or personal website. What is Eleventy? Eleventy (or 11ty) is a simple and fast static site generator that allows you to build websites quickly. By the end of this tutorial you’ll be A docs page for Eleventy, a simpler static site generator. Source Code Samples # Be sure to check out a full list of every Built With Eleventy site that has provided a link to their source code. 0 version. I chose to use Jekyll in 2014 because it was the only static site generator that GitHub Pages supported. We’ll build everything from scratch and explain eleventy concepts as we go so no previous eleventy knowledge is necessary. A docs page for Eleventy, a simpler static site generator. A collection of Eleventy (11ty) starters, projects, plugins, and resources created by Stephanie Eckles (@5t3ph). (Optional) Edit eleventy. 81s Remix40. Jones and now floats through the halls of the 11ty docs. Zach Leatherman is a builder for the web at Font Awesome and the creator/maintainer of Eleventy (11ty), an award-winning open source site generator. Eleventy (abbreviated 11ty) is a static site generator, a software system for creating websites. Automating some of the publishing steps for my Eleventy blog — Michael Harley (2022) Creating a (Manual) Related Posts Feature in Eleventy — Raymond Camden (2021) Supporting Multiple Authors in an Eleventy Blog - Follow-Up — Raymond Camden (2021) Applying frontmatter defaults to a whole folder of posts in eleventy — Al Power (2021) Eleventy Blog. In this tutorial, we will be looking at creating a static blog with Eleventy and Strapi. Jul 3, 2021 · An Homage to the James Williamson Possum Balloon The original Eleventy mascot was designed by developer James Williamson, who passed away in 2019 after a six-year battle with ALS. May 21, 2025 · A directory of free Eleventy themes, Eleventy templates, and Eleventy starters. Heydon Pickering’s Inclusive Web Design Checklist, converted to use eleventy The original project took a JSON file and converted it HTML with some one-off JavaScript. Starter Projects | Eleventy, a simpler static site generator. In-store pickup and alterations services available. 4 days ago · You'll also find links to eleventy billion more starter projects on the 11ty docs site. With that out of the way, let's get started! A directory of Eleventy themes, Eleventy templates, and Eleventy starters. Oct 2, 2024 · Eleventy v3. Mar 26, 2024 · Put simply, an Eleventy Layout file encompasses the markup or boilerplate code used to structure the main content, such as blog posts, static web pages, or product pages. Eleventy has a lovely community of folks that really care Eleventy and Cloudinary images (Setting up responsive images in Eleventy using Cloudinary) by Sia Karamalegos Supporting Multiple Authors in an Eleventy Blog by Raymond Camden. Tutorials # See all Eleventy blog posts on zachleat. Another notable feature that sets Galaxy Garden apart from my developer blog is that the former is available in more than one language, specifically English and Simplified Chinese. json file with npm init -y, and install Eleventy as a development dependency by passing the -D flag to the install subcommand. At one point he became entirely too fixated on web fonts. Those impish eyes. Oct 20, 2025 · Eleventy Launch As I discussed previously, I’ve been rewriting this blog in a new tool called 11ty (aka Eleventy - the project’s devs aren’t consistent so I won’t be either). Unlike heavier frameworks, 11ty focuses on simplicity and efficiency. Sep 25, 2020 · Eleventy is an elegant JavaScript static site generator renowned for its default zero config setup. Documentation GitHub Mastodon Bluesky YouTube A docs page for Eleventy, a simpler static site generator. Jul 13, 2021 · Although I tried obsidian publish, I wanted to have some styling and formatting that suited my style. We don’t inject our own markup into your pages. It’s beginner-friendly, has fast build times, and generates fast sites by default. Naturally, having been a dedicated user of the static site generator Eleventy since April 2024, I use Lists # Jamstack Themes A list of starter themes filterable by supported static site generator and CMS. 64K subscribers Subscribed A docs page for Eleventy, a simpler static site generator. -y tells npm to use default values and skips the command line questionnaire. njk. It was later reinterpreted artistically by designer Phineas X. 5k 716 A starter blog using Eleventy and powered by Agility CMS with full page and module management. Here’s a sample pagination template using Nunjucks: --- pagination: data: collections Eleventy Starter is production-ready with SEO-friendly for quickly starting a blog. Blog 📢 Subscribe to the Eleventy News Feed For extended Eleventy coverage, follow zachleat. Themes are updated weekly and are categorized, tested and sorted by popularity A docs page for Eleventy, a simpler static site generator. 11ty is noted for its simplicity, and for its support of a large number of template languages. Here we will cover the basic on how you May 21, 2025 · Eleventy also provides support for addons such as WebC, Sass, Vue, Svelte, JSX, and many others. Build your own Blog from Scratch using Eleventy Posted by Zach Leatherman 12/26/2018 A docs page for Eleventy, a simpler static site generator. Uses TailwindCSS and Alpine. It is open source software written in JavaScript. See how it went: Play Video Watch on YouTube Jan 3, 2023 · There's a huge range of free starter themes available for the Eleventy static site generator. Latest Eleventy Themes The latest Eleventy themes, templates and starters sorted by submission date. js. Making a Simple Web Site with the Simplest Static Site Generator # Level 1—Making Content with Data Level 2—Adding Filters Introduction # Turn Jekyll up to Eleventy, a guide to converting a Jekyll site to use Eleventy by Paul Robert Lloyd Build your own Blog from Scratch using Eleventy Blog—Eleventy, a simpler static site generator. Built with Eleventy, ESLint, Prettier, Webpack 5, PostCSS, Tailwind CSS 2 and Netlify CMS (optional). - 11ty/eleventy-base-blog Sep 6, 2022 · What is Eleventy? Eleventy (also called 11ty) is a simple yet powerful static site generator. Sep 5, 2025 · Aside from this developer blog, I have a personal blog, Galaxy Garden, where I blog about non-tech stuff. Go to the newest Eleventy docs (current path: /blog/) or the full release history. Read more at Setting a Content Date in Front Matter. - 11ty/eleventy Sep 15, 2021 · At the root of the eleventy-blog directory, initialize the project with a package. A docs page for Eleventy v2. Nunjucks 1. Conversely, an Eleventy Template (or content) file contains the actual content, such as the body of a blog post. Based on the awesome eleventy-base-blog. So the above blog and documentation is published using the following: Obsidian as the writing / editing / local consumption interface Eleventy (11ty) Github for version control Github pages for hosting the static files Eleventy and Cloudinary images (Setting up responsive images in Eleventy using Cloudinary) by Sia Karamalegos Supporting Multiple Authors in an Eleventy Blog by Raymond Camden. com/web/eleventy. And here's a link to a blog post by David Large of CloudCannon. Tagged with eleventy, staticsite, jamstack, javascript. json file. Created/maintained by Zach Leatherman. Over 1,100 posts from more than 350 authors across more than 45 categories. The template itself is based on the awesome eleventy-base-blog adding features centered around performance, accessibility and some SEO. Contribute to heterl0/eleventy-blog development by creating an account on GitHub. 6 Minutes to Build a Blog from Scratch with Eleventy Eleventy 2. Eleventy is the easiest to learn on this list, and it would be my recommendation for most people these days, as long as they don't mind using a little bit of JavaScript. Installing Eleventy into a project requires a package. Eleventy Duo is a production-ready and SEO-friendly starter for building a blog or personal website. 1. com. Sep 23, 2020 · Craig Buckler introduces Eleventy (11ty), a Node. Jun 23, 2025 · 11ty Starter showing how to build a blog with the Eleventy and Tailwind CSS. eleventy-cn-blog是一个开箱即用的静态博客生成器，基于 eleventy 的静态博客生成器，灵感来自 eleventy-base-blog 模版，对中文做了一些优化，比如支持中文URL和中文日期格式。 支持环保事业,减少用户设备能耗,该项目尽量克制使用js编写，但是由于现实世界和理想之间的巨大落差，有时候不得不添加必要js A simpler site generator. And if you're new to Eleventy, you'll find links to 104 blog posts in the Getting Started category. Use the eleventyNavigation key (via the Eleventy Navigation plugin) in your front matter to add a template to the top level site navigation. Add your own starter project. noi neq swjffqq hyxkf gsnrh tdmfjy bfrve gfxgdaf qwvkahib rksy ypvpgi yftte kpssj ejtdgaw untqv