Getting Started 104 posts
Category: GETTING STARTED (104 posts)
2025
Three Minor Releases, One Major Leap for Subspace Builder
Catch up on the three rapid releases that reshape Subspace Builder with a tag hub, refreshed navigation, and a data-driven projects page.
By Nicholas Clooney (5 posts)
Introducing Brewventy: Your Coffee-Themed Eleventy Starter Kit
“Discover Brewventy, a customizable coffee-themed Eleventy starter with dark/light modes, SCSS-driven theming, and built-in deployment workflows for effortless site launches.”
By Kyle Reddoch (4 posts)
11ty Subspace Builder v1.0.0
Our first stable launch brings a polished Eleventy 3 starter with theme switching, accessible navigation, OG image automation, and a streamlined authoring flow.
By Nicholas Clooney (5 posts)
From Start to Finish: Moving My Blog to Eleventy + GitHub Pages
A step-by-step guide on migrating my blog from using Weblog by OMGlol to Eleventy, hosted on GitHub Pages.
By Kyle Reddoch (4 posts)
How I Built This Website (With 11ty & CraftCMS)
Matt Richards - Senior Staff Product Engineer / Engineering Lead based in Berlin.
By Matthew Richards (1 post)
Journal Eleventy, présentation et mini-tutoriel
Moving to Eleventy
Crazy Mac lady. Mac author & developer. Lover of Apple computers and devices. Swift & SwiftUI enthusiast. Unofficial Mac app dev evangelist
By Sarah Reichelt (1 post)
Introducing the "Chobble Template"
Building with an 11ty starter sites and headless WordPress
Learning the Eleventy base blog and whether It can serve as a static frontend to the WordPress CMS.
By David Waumsley (3 posts)
Set Up a Simple and Reliable Static Site Generator Using 11ty (Eleventy) + Tailwind CSS
https://nodejs.org/en/download https://git-scm.com/downloads Tailwind CSS will compile Tailwind CSS classes to CSS and Tailwind CLI will allow us to run…
By Abdullah Yahya (1 post)
Long-term WordPress user tries building with 11ty
2024
Eleventy Introduction
An introduction to Eleventy (11ty). Contribute to jeromecoupe/iad_eleventy_introduction development by creating an account on GitHub.
By Jérôme Coupé (10 posts)
How to build static website with 11ty
In this tutorial, you will learn how to create lean, multipage static website with 11ty framework. Use Markdown for content management.
By ProDeveloper (2 posts)
Building a Blog with Eleventy
I recently felt like getting back into blogging. But setting up and maintaining WordPress felt like more than I was looking for. I was looking for something much simpler. Preferably file-based and with Markdown support. That was my introduction to Eleventy.
By Sebin Nyshkim (3 posts)
How I teach Eleventy from scratch
I love how in Eleventy, you can build a site step-by-step and at each small step, have a functional website. In this post, I describe a workshop structure I’ve used lately to teach a few of my friends how to build a static site with Eleventy.
By Juha-Matti Santala (22 posts)
An alarmingly concise and very hinged summary of what it was like to build this site from scratch
THE SMORGASBORD OF WINDOWS TERMINAL… WINDOWS
Eleventy Excellent 3.0
I have decided to change things again: Eleventy Excellent 3.0 now uses ESM, has a new config structure and uses web components.
By Lene Saile (6 posts)
Getting started with Eleventy
The missing getting-started guide for the Eleventy (11ty) static-site generator.
By Sean McPherson (3 posts)
Eleventy adoption guide: Overview, examples, and alternatives
Eleventy (11ty) is a compelling solution for developers seeking a straightforward, performance-oriented approach to static site generation.
By Nelson Michael (2 posts)
Better 11ty Development with Tooling
Getting a component-driven development experience that fits nicely into the 11ty zen.
By Paul Everitt (2 posts)
index.md is a valid Eleventy project
Building website projects from the scratch with Eleventy is a delightful process in my experience because in the beginning, all you need is index.md and you can then customise and add on top of it as much as you like.
By Juha-Matti Santala (22 posts)
Eleventy Tutorial - Create an 11ty Static Site
In this beginner's Eleventy tutorial, learn how to use 11ty by creating a static site with this Static Site Generator.
By Danial Zahid (6 posts)
The "IndieWeb" feels like coming home
I moved this site to Eleventy hosted on Neocities and as a result I'm having fun with my website again!
By Nathaniel Daught (1 post)
Top 11 free Eleventy themes for 2024
A curated list of the top 11 Eleventy themes on GitHub in 2024.
By Jaimie McMahon (1 post)
Mastering Eleventy Folder Structures: From Default Setups to Real-World Best Practices
Explore the essentials of Eleventy's folder structure in this guide, perfect for optimizing your project's efficiency and scalability. Learn from basic setups to advanced custom structures, ensuring your 11ty site is perfectly organized for peak performance.
By S. Amir Mohammad Najafi (1 post)
Introduction to Eleventy, a Modern Static Website Generator
We show how Eleventy provides a nice flowing web dev process that works with existing technologies while steering you into good practices.
By David Eastman (2 posts)
Eleventy Resume Builder
Despite searching the internet, I couldn't find a quick starter for my online resume project, not even on the official 11ty start page. Consequently, I decided to invest some time in creating one and making it available as a starter project for a broader audience.
By Gurpreet Singh (1 post)
2023
Eleventy vs. Next.js for static site generation
We evaluate Eleventy and Next.js and compare both static site generators for performance, developer experience, scalability, and ecosystem.
By Nelson Michael (2 posts)
My Neocities workflow: using Eleventy and the CLI to speed up development
By Whiona (1 post)
Build your own 11ty starter
If you want to build a website quickly then 11ty is a great tool. Here is how I set up my starter pack to get me up and running in a few minutes.
By Simon Cox (16 posts)
Build a Blog with Eleventy (11ty) and Webiny Headless CMS
In this tutorial, we will build a blog site with Eleventy (11ty) and Webiny Headless CMS. We will look at how to set up Webiny and consume that data in a Eleventy (11ty) project.
By Maurice King (1 post)
Bookshop 11ty Guide
Learn how to build a live-editable website using Eleventy and Bookshop on CloudCannon.
By CloudCannon (7 posts)
Blog Using Eleventy
Building a blog using eleventy with esbuild, tailwindcss, postcss, eslint
By equilibriumuk (19 posts)
Eleventy by Example, by Bryan Robinson
Eleventy (11ty), Vite, Tailwind, and Alpine.js – Rapid static site starter framework
By Full Stack Digital (1 post)
Book Release: Eleventy by Example – Learn 11ty with 5 in-depth projects
Oh! Hey! I wrote a book. Fancy that! It's, of course, all about 11ty.
By Bryan Robinson (15 posts)
How To Craft a Stylish Static Website with Eleventy (11ty)
Learn how to use Eleventy to craft a stunning and functional static portfolio website without needing a server-side language or database.
By Joel Olawanle (1 post)
Update to My Eleventy Blog Guide
Getting started with eleventy
It calls itself a a href="https://www.11ty.dev/"simpler static site generator/a.
By Leonardo Silveira (1 post)
A Beginner's Guide to Eleventy - part two
A Beginner's Guide to Eleventy - part one
23 of the best Eleventy Themes (Starters) for 2023
There's a huge range of free starter themes available for the Eleventy static site generator.
By David Large (4 posts)
2022
11 Top Eleventy Blog Themes (Starters) in 2023
This article takes a top ten list of blog themes and turns it up to eleven(ty).
By David Large (4 posts)
New Eleventy features, a new theme, and full Eleventy support
We are announcing full CloudCannon support for Eleventy, one of the most popular (and fast) static site generators in the world.
By CloudCannon (7 posts)
Eleventy Starter Template Series
This series details how to build a starter template for Eleventy projects, going deep into architectural decisions and strategies to make it as easy as possible to start a new project.
By Dustin Whisman (5 posts)
Building an Eleventy Starter Template Series
In this series, learn how to construct your own starter template for Eleventy so you can start your future projects sooner.
By Dustin Whisman (5 posts)
Eleventy Tutorial - Create an 11ty Static Site
In this beginner's Eleventy tutorial, learn how to use 11ty by creating a static site with this Static Site Generator.
By Danial Zahid (6 posts)
Getting set up in Eleventy (6 part series)
Learn the Eleventy Static Site Generator by Building and Deploying a Portfolio Website
What is Eleventy? Eleventy (also called 11ty) is a simple yet powerful static site generator. It uses JavaScript to transform data and templates into HTML pages. It’s beginner-friendly, has fast build times, and generates fast sites by default. It al...
By Gerard Hynes (1 post)
Walk with an Eleventy site, before you can run
A getting started guide with the bare minimum. Every time I open the documentation website of Eleventy , I get this urge to cry, or change career! So I decided to create a small website, that has absolutely nothing, but the bare minimum, and keep.... Posted in JavaScript, Hosting
By Amal Ayyash (1 post)
Let's Learn Eleventy (11 Part Series)
For the past couple of weeks I have been exploring Static Site Generators (SSG) in an effort to see... Tagged with ssg, eleventy.
By James Midzi (1 post)
Build a Blog With 11ty: Categories - Part 3
We are going to be go through the first steps to get up and running with 11ty. Building a 11ty site from scratch will help you keep your site lightweight, scalable and easy to manage.
By Jeremy Faucher (8 posts)
Build a Blog With 11ty: Base - Part 2
We are going to be go through the first steps to get up and running with 11ty. Building a 11ty site from scratch will help you keep your site lightweight, scalable and easy to manage.
By Jeremy Faucher (8 posts)
Build a Blog With 11ty: Setup - Part 1
We are going to be go through the first steps to get up and running with 11ty. Building a 11ty site from scratch will help you keep your site lightweight, scalable and easy to manage.
By Jeremy Faucher (8 posts)
Setting up Future Projects for Success with Template Repositories
This introduces the series of articles I wrote for Sparkbox's Foundry about how to build an Eleventy Starter Template.
By Dustin Whisman (5 posts)
Minimum Static Site Setup with Sass
Use this command line combination for building a static site that includes Browsersync, processing Sass and running the final files through autoprefixer and cssnano.
By Stephanie Eckles (21 posts)
A Guide to Building a Blog in Eleventy
A guide that walks folks through the process of building a blog with Eleventy
By Raymond Camden (104 posts)
11ty tips I wish I knew from the start
Going all in with Jamstack and Eleventy
I rebuilt my personal site with Eleventy, a static site generator, and am loving it!
By Tim Kleyersburg (2 posts)
2021
Introduction to Eleventy (11ty) ELEVENTY
This is a simple introduction to Eleventy (11ty), a popular static site generator.
By Keenan Payne (1 post)
Make Eleventy the next thing you learn
Why looking at the Eleventy Static Site Generator is the logical next step when learning how to make websites
By Thomas Semmler (3 posts)
How I Set Up a Project With Eleventy
Introduction This is a quick overview on my typical setup for an 11ty project. I really... Tagged with jamstack, eleventy.
By Nathan Blaylock (1 post)
Turn static HTML/CSS into a blog with CMS using the JAMStack
Itsiest, Bitsiest Eleventy Tutorial
Want to get started with Eleventy but feel overwhelmed? Try out this pared-down tutorial
By Sia Karamalegos (13 posts)
A Deep Dive Into Eleventy Static Site Generator
Learn what makes Eleventy unique, and about some essential concepts to help you successfully get started.
By Stephanie Eckles (21 posts)
Creating a Fast and Beautiful Portfolio Website using HTML, CSS, Eleventy and Netlify
Eleven years ago, in 2010, my personal website was minimal by every means. Relaunching in 2021 using... Tagged with webdev, webperf, eleventy, netlify.
By Ingo Steinke (1 post)
Eleventy in eleven minutes
Image by 11ty.dev I would like to share my opinionated path how I got started using. Table... Tagged with eleventy, thingsivelearned, blazingfast, staticsitegenerator.
By Lea Rosema (4 posts)
2020
Building my personal site with Eleventy
Software developer and team lead working remotely from Richmond, VA. Loves solving problems, grilling, tinkering with Home Assistant, metal shows, and his cats.
By Michael Harley (14 posts)
Jamstack 101: Getting Started with Eleventy
Joel Varty will show you how to get started building Jamstack sites using JavaScript and Eleventy.
By Joel Varty (1 post)
Getting started with Eleventy in 11 minutes
This article will show you how to build a static site in 11 minutes using Eleventy. Tagged with eleventy, staticsite, jamstack, javascript.
By Luciano Mammino (3 posts)
Let's Learn Eleventy (11ty) - What is Eleventy?
This is the first part of the Let't Learn Eleventy series. We'll learn what is Eleventy and how to get started with it.
By Rares Portan (5 posts)
Let’s Learn Eleventy! Boost your Jamstack skills with 11ty
Check this tutorial out to see what the static site generator Eleventy can do. Spin up a fast, performant Jamstack site in this quick overview and tutorial from Learn With Jason.
By Jason Lengstorf (1 post)
Five Critical Things To Do Before Working With 11ty
Five pieces of knowledge I wish I knew before working with 11ty, the JavaScript-based static site generator. Get a jump start using this fantastic tool.
By Khalid Abuhakmeh (3 posts)
Building a website with a static site generator, part 3: Domain, Analytics and Forms
Once your website is up and running, it's time to get a professional looking domain, think about analytics and collect data with forms.
By Juha-Matti Santala (22 posts)
Building a website with a static site generator, part 2: Eleventy
In this post, we're gonna take a deeper look into Eleventy which takes care of building the website by combining layout templates with blog post data from Markdown files.
By Juha-Matti Santala (22 posts)
Building a website with a static site generator, part 1: Setup
In this blog series, we will build a static website using Eleventy, NetlifyCMS, GitHub and Netlify. In the first post, we set everything up and deploy a template page to make sure everything works.
By Juha-Matti Santala (22 posts)
Eleventy Walkthrough
By Reg Hunt (1 post)
Teaching in the open: Eleventy
Content Management Systems and structured data are part of my teaching duties. From the get go, I decided to cover both a database-driven CMS and a Static Site Generator. As far as the latter goes, I switched from Jekyll to Eleventy this year.
By Jérôme Coupé (10 posts)
2018
Build your own Blog from Scratch using Eleventy
Filament Group helps companies design and build super-fast responsive sites and web apps that are simple to use and accessible to everyone
By Zach Leatherman (55 posts)