Official 11ty docs
Getting Started — Eleventy
72 posts in 'Getting Started'
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.
Nelson Michael · May 7, 2024
Categories: DeploymentGetting StartedWhy Eleventy?
Better 11ty Development with Tooling
Getting a component-driven development experience that fits nicely into the 11ty zen.
Paul Everitt · Apr 21, 2024
Categories: Getting StartedLayoutsYouTube
Eleventy website to GitHub Pages with GitHub Actions
Medium post
Andres Bitrian · Apr 17, 2024
Categories: DeploymentGetting Started
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.
Juha-Matti Santala · Apr 13, 2024
Categories: Getting StartedWhy Eleventy?
Rebuilding My Developer Portfolio with Eleventy
I recreated my developer portfolio and blog from scratch with Eleventy.
Helen Chong · Apr 11, 2024
Categories: Getting StartedWhy Eleventy?
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!
Nathaniel Daught · Mar 14, 2024
Categories: BloggingGetting StartedMigrating to Eleventy
My Eleventy site setup
anh · Mar 3, 2024
Categories: BloggingCollectionsFront MatterGetting StartedGlobal DataShortcodes
CSS { In Real Life } | Eleventy Starter Project Updates
Michelle Barker · Feb 11, 2024
Categories: Getting StartedWhy Eleventy?
Top 11 free Eleventy themes for 2024
A curated list of the top 11 Eleventy themes on GitHub in 2024.
Jaimie McMahon · Jan 30, 2024
Categories: ConfigurationGetting StartedLayouts
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.
S. Amir Mohammad Najafi · Jan 24, 2024
Categories: ConfigurationGetting StartedPerformance
From Figma to Browser with Eleventy (Part 3)
YouTube video
thoughtbot · Jan 17, 2024
Categories: Getting StartedHow to...YouTube
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.
David Eastman · Jan 13, 2024
Categories: Getting Started
Eleventy Resume Builder
Gurpreet Singh · Jan 5, 2024
Categories: Getting StartedHow to...Why Eleventy?
A bit of a summary of the build of this site and how it works
Tim Klapdor · Jan 5, 2024
Categories: BloggingGetting StartedPlugins
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.
Nelson Michael · Dec 7, 2023
Categories: BloggingConfigurationGetting StartedWhy Eleventy?
Implementing a Figma design in Eleventy (Part 2)
YouTube video
thoughtbot · Dec 6, 2023
Categories: Getting StartedHow to...YouTube
Migrating to Eleventy
renkotsuban's personal site and blog.
Renkon · Nov 15, 2023
Categories: Getting StartedHow to...Migrating to Eleventy
From Figma to Browser with Eleventy (Part 1)
YouTube video
thoughtbot · Nov 15, 2023
Categories: Getting StartedHow to...YouTube
My Neocities workflow: using Eleventy and the CLI to speed up development
Whiona · Oct 27, 2023
Categories: BloggingDeploymentGetting StartedHow to...
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.
Simon Cox · Aug 5, 2023
Categories: How to...ConfigurationGetting Started
i11g - Updating an Immutable Blog
Using IPFS, 11ty, and dAppling to create an easy to update blog hosted on IPFS.
Namaskar · Jul 19, 2023
Categories: BloggingGetting Started
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.
Maurice King · Jul 18, 2023
Categories: BloggingCMSGetting StartedHow to...
Bookshop 11ty Guide
Learn how to build a live-editable website using Eleventy and Bookshop on CloudCannon.
CloudCannon · Jun 13, 2023
Categories: How to...Getting Started
Eleventy by Example, by Bryan Robinson
A review of "Eleventy by Example", by Bryan Robinson
Raymond Camden · May 18, 2023
Categories: Getting Started
Eleventy (11ty), Vite, Tailwind, and Alpine.js – Rapid static site starter framework
In this post, I'll share my go-to setup for rapidly developing static sites and landing pages where a full CMS may be overkill. We'll use Eleventy, Vite, Tailwind, and Alpine.js.
Full Stack Digital · May 6, 2023
Categories: Getting Started
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.
Bryan Robinson · May 4, 2023
Categories: Getting Started
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.
Joel Olawanle · Apr 21, 2023
Categories: Getting StartedHow to...
A Complete Guide to Building a Blog with Eleventy
Raymond Camden · Mar 4, 2023
Categories: BloggingHow to...Getting Started
Eleventy - Build a Static Site with Backend Data Handling - YouTube
YouTube video
Azul Coding · Mar 3, 2023
Categories: YouTubeGetting Started
Update to My Eleventy Blog Guide
An update regarding my Eleventy blog guide.
Raymond Camden · Feb 25, 2023
Categories: Getting StartedBlogging
CAUTION
The posts below were published before the release of Eleventy v2.0.0 (Feb 8, 2023). Information in these posts may be out of date. The current stable release is 2.0.1. Eleventy v3.0 is currently under development and available for testing.
A Beginner's Guide to Eleventy - part two
Second part of a beginner's guide to eleventy
Jakub Iwanowski · Jan 20, 2023
Categories: Getting Started
A Beginner's Guide to Eleventy - part one
First part of a beginner's guide to eleventy
Jakub Iwanowski · Jan 9, 2023
Categories: Getting Started
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.
David Large · Jan 3, 2023
Categories: Getting Started
An Introductory Guide to Eleventy
Here’s an introductory guide to Eleventy. Learn about its benefits, uses, and getting started. Host your 11ty static site with fast and secure Tiiny.host.
Don Hamilton · Jan 2, 2023
Categories: Getting StartedWhy Eleventy?
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).
David Large · Dec 21, 2022
Categories: Getting StartedBlogging
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.
CloudCannon · Dec 5, 2022
Categories: Getting Started
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.
Dustin Whisman · Nov 3, 2022
Categories: Getting Started
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.
Dustin Whisman · Nov 2, 2022
Categories: Getting StartedHow to...
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.
Danial Zahid · Oct 4, 2022
Categories: Getting Started
Getting set up in Eleventy (6 part series)
Learn the basics of Eleventy in this six-part tutorial series.
Mike Neumegen · Oct 1, 2022
Categories: Getting Started
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 also has a very active and friendly community. Eleventy excels at
Gerard Hynes · Sep 6, 2022
Categories: Getting Started
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
Amal Ayyash · Sep 4, 2022
Categories: Getting Started
Eleventy Crash Course - YouTube playlist
YouTube video
Jaydan Urwin · Jul 18, 2022
Categories: YouTubeGetting Started
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.
James Midzi · Jun 8, 2022
Categories: Getting StartedPlugins
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.
Dustin Whisman · Mar 23, 2022
Categories: Getting Started
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.
Stephanie Eckles · Feb 19, 2022
Categories: CSS/SassGetting Started
A Guide to Building a Blog in Eleventy
A guide that walks folks through the process of building a blog with Eleventy
Raymond Camden · Jan 19, 2022
Categories: BloggingHow to...Getting Started
CAUTION
The posts below were published before the release of Eleventy v1.0.0 (Jan 9, 2022). Information in these posts may be out of date. The current stable release is 2.0.1. Eleventy v3.0 is currently under development and available for testing.
Build JAMstack-ready sites with Bootstrap and 11ty (Eleventy)
Webpixels · Jan 5, 2022
Categories: Getting Started
11ty tips I wish I knew from the start
David East's personal site full of blog posts and stuff.
David East · Jan 3, 2022
Categories: ConfigurationData CascadeGetting StartedNavigation
Going all in with Jamstack and Eleventy
I rebuilt my personal site with Eleventy, a static site generator, and am loving it!
Tim Kleyersburg · Jan 3, 2022
Categories: Getting Started
Introduction to Eleventy (11ty) ELEVENTY
This is a simple introduction to Eleventy (11ty), a popular static site generator.
Keenan Payne · Oct 3, 2021
Categories: Getting Started
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
Thomas Semmler · Sep 22, 2021
Categories: Getting Started
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.
Nathan Blaylock · Aug 14, 2021
Categories: How to...Getting Started
Turn static HTML/CSS into a blog with CMS using the JAMStack
YouTube video
Kevin Powell · Jun 24, 2021
Categories: CMSConfigurationDeploymentGetting StartedBlogging
Itsiest, Bitsiest Eleventy Tutorial
Want to get started with Eleventy but feel overwhelmed? Try out this pared-down tutorial
Sia Karamalegos · May 24, 2021
Categories: Getting Started
A Deep Dive Into Eleventy Static Site Generator
Learn what makes Eleventy unique, and about some essential concepts to help you successfully get started.
Stephanie Eckles · Mar 24, 2021
Categories: Getting Started
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.
Ingo Steinke · Feb 23, 2021
Categories: CSS/SassNetlifyGetting Started
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.
Lea Rosema · Feb 5, 2021
Categories: Getting StartedWhy Eleventy?
Building my personal site with Eleventy
Power Platform Developer and all around cool guy
Michael Harley · Dec 20, 2020
Categories: Getting StartedBloggingWhy Eleventy?ConfigurationLayouts
Jamstack 101: Getting Started with Eleventy
Joel Varty will show you how to get started building Jamstack sites using JavaScript and Eleventy.
Joel Varty · Nov 12, 2020
Categories: Getting Started
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.
Luciano Mammino · Oct 31, 2020
Categories: Getting Started
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.
Rares Portan · Aug 26, 2020
Categories: Why Eleventy?Getting Started
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.
Jason Lengstorf · Apr 9, 2020
Categories: Getting Started
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.
Khalid Abuhakmeh · Apr 2, 2020
Categories: ConfigurationData CascadeFiltersGetting Started
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.
Juha-Matti Santala · Mar 25, 2020
Categories: Getting StartedBloggingConfiguration
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.
Juha-Matti Santala · Mar 18, 2020
Categories: Getting StartedGlobal DataLayoutsBlogging
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.
Juha-Matti Santala · Mar 11, 2020
Categories: Getting StartedDeploymentCMSBlogging
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.
Jérôme Coupé · Jan 16, 2020
Categories: Getting Started
Let’s Learn Eleventy!
YouTube video
Zach Leatherman · Jan 8, 2020
Categories: Getting StartedYouTube
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
Zach Leatherman · Dec 26, 2018
Categories: BloggingGetting Started