Official 11ty docs
Getting Started — Eleventy
87 posts in 'Getting Started'
Let's Build a Blog Like it's 1990 - Part 2
YouTube video
Dec 5, 2024
Categories: BloggingGetting StartedYouTube
Eleventy Introduction
An introduction to Eleventy (11ty). Contribute to jeromecoupe/iad_eleventy_introduction development by creating an account on GitHub.
Nov 25, 2024
by Jérôme Coupé (10 posts) · Website
Categories: Getting Started
Build static website with 11ty. Part 2
Nov 21, 2024
by ProDeveloper (2 posts) · Website & RSS feed
Categories: BloggingCSS/SassConfigurationGetting StartedRSS
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.
Nov 17, 2024
by ProDeveloper (2 posts) · Website & RSS feed
Categories: BloggingGetting Started
Let's Build a Blog Like it's 1990
YouTube video
Nov 7, 2024
Categories: BloggingGetting StartedYouTube
Building a Blog with Eleventy (blind, any%)
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.
Oct 19, 2024
by Sebin Nyshkim (3 posts) · Website & RSS feed
Categories: BloggingCSS/SassCollectionsConfigurationData CascadeFiltersGetting StartedGlobal DataLayoutsMarkdownNavigationPaginationPluginsShortcodes
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.
Oct 6, 2024
by Juha-Matti Santala (14 posts) · Website & RSS feed
Categories: BloggingConfigurationFiltersGetting StartedHow to...Plugins
An alarmingly concise and very hinged summary of what it was like to build this site from scratch
A very good website by visual & verbal artist, Keenan.
Jul 2, 2024
by Keenan (1 post) · Website & RSS feed
Categories: BloggingGetting StartedMarkdownRSSWhy Eleventy?
THE SMORGASBORD OF WINDOWS TERMINAL… WINDOWS
A post by Zach Leatherman (zachleat)
Jun 30, 2024
by Zach Leatherman (44 posts) · Website & RSS feed
Categories: ConfigurationGetting StartedHow to...
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.
Jun 3, 2024
by Lene Saile (6 posts) · Website & RSS feed
Categories: Getting Started
Getting started with Eleventy
The missing getting-started guide for the Eleventy (11ty) static-site generator.
May 27, 2024
by Sean McPherson (2 posts) · Website & RSS feed
Categories: Asset PipelinesConfigurationGetting StartedLayoutsShortcodes
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.
May 7, 2024
by Nelson Michael (2 posts) · Website
Categories: DeploymentGetting StartedWhy Eleventy?
Better 11ty Development with Tooling
Getting a component-driven development experience that fits nicely into the 11ty zen.
Apr 21, 2024
by Paul Everitt (2 posts) · Website
Categories: Getting StartedLayoutsYouTube
Eleventy website to GitHub Pages with GitHub Actions
Medium post
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.
Apr 13, 2024
by Juha-Matti Santala (14 posts) · Website & RSS feed
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!
Mar 14, 2024
by Nathaniel Daught (1 post) · Website & RSS feed
Categories: BloggingGetting StartedMigrating to Eleventy
My Eleventy site setup
Mar 3, 2024
by anh (3 posts) · Website & RSS feed
Categories: BloggingCollectionsFront MatterGetting StartedGlobal DataShortcodes
CSS { In Real Life } | Eleventy Starter Project Updates
Feb 11, 2024
by Michelle Barker (5 posts) · Website & RSS feed
Categories: Getting StartedWhy Eleventy?
Top 11 free Eleventy themes for 2024
A curated list of the top 11 Eleventy themes on GitHub in 2024.
Jan 30, 2024
by Jaimie McMahon (1 post) · Website & RSS feed
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.
Jan 24, 2024
by S. Amir Mohammad Najafi (1 post) · Website & RSS feed
Categories: ConfigurationGetting StartedPerformance
From Figma to Browser with Eleventy (Part 3)
YouTube video
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.
Jan 13, 2024
by David Eastman (2 posts) · Website & RSS feed
Categories: Getting Started
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.
Jan 5, 2024
by Gurpreet Singh (1 post) · Website & RSS feed
Categories: Getting StartedHow to...Why Eleventy?
A bit of a summary of the build of this site and how it works
Jan 5, 2024
by Tim Klapdor (1 post) · Website
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.
Dec 7, 2023
by Nelson Michael (2 posts) · Website
Categories: BloggingConfigurationGetting StartedWhy Eleventy?
Implementing a Figma design in Eleventy (Part 2)
YouTube video
Dec 6, 2023
Categories: Getting StartedHow to...YouTube
Migrating to Eleventy
renkotsuban's personal site and blog.
Nov 15, 2023
by Renkon (1 post) · Website & RSS feed
Categories: Getting StartedHow to...Migrating to Eleventy
From Figma to Browser with Eleventy (Part 1)
YouTube video
Nov 15, 2023
Categories: Getting StartedHow to...YouTube
My Neocities workflow: using Eleventy and the CLI to speed up development
Oct 27, 2023
by Whiona (1 post) · Website & RSS feed
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.
Aug 5, 2023
by Simon Cox (11 posts) · Website & RSS feed
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.
Jul 19, 2023
by Namaskar (1 post) · Website & RSS feed
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.
Jul 18, 2023
by Maurice King (1 post) · Website
Categories: BloggingCMSGetting StartedHow to...
Bookshop 11ty Guide
Learn how to build a live-editable website using Eleventy and Bookshop on CloudCannon.
Jun 13, 2023
by CloudCannon (7 posts) · Website & RSS feed
Categories: How to...Getting Started
Blog Using Eleventy
writings of a coder + sysadmin
Jun 10, 2023
by equilibriumuk (15 posts) · Website & RSS feed
Categories: BloggingGetting Started
Eleventy by Example, by Bryan Robinson
A review of "Eleventy by Example", by Bryan Robinson
May 18, 2023
by Raymond Camden (103 posts) · Website & RSS feed
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.
May 6, 2023
by Full Stack Digital (1 post) · Website & RSS feed
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.
May 4, 2023
by Bryan Robinson (15 posts) · Website & RSS feed
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.
Apr 21, 2023
by Joel Olawanle (1 post) · Website & RSS feed
Categories: Getting StartedHow to...
A Complete Guide to Building a Blog with Eleventy
Mar 4, 2023
by Raymond Camden (103 posts) · Website
Categories: BloggingHow to...Getting Started
Eleventy - Build a Static Site with Backend Data Handling - YouTube
YouTube video
Mar 3, 2023
Categories: YouTubeGetting Started
Update to My Eleventy Blog Guide
An update regarding my Eleventy blog guide.
Feb 25, 2023
by Raymond Camden (103 posts) · Website & RSS feed
Categories: Getting StartedBlogging
Getting started with eleventy
Feb 19, 2023
by Leonardo Silveira (1 post) · Website
Categories: Getting Started
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
Jan 20, 2023
by Jakub Iwanowski (2 posts) · Website
Categories: Getting Started
A Beginner's Guide to Eleventy - part one
First part of a beginner's guide to eleventy
Jan 9, 2023
by Jakub Iwanowski (2 posts) · Website
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.
Jan 3, 2023
by David Large (3 posts) · Website & RSS feed
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.
Jan 2, 2023
by Don Hamilton (1 post) · Website
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).
Dec 21, 2022
by David Large (3 posts) · Website & RSS feed
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.
Dec 5, 2022
by CloudCannon (7 posts) · Website & RSS feed
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.
Nov 3, 2022
by Dustin Whisman (5 posts) · Website & RSS feed
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.
Nov 2, 2022
by Dustin Whisman (5 posts) · Website & RSS feed
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.
Oct 4, 2022
by Danial Zahid (1 post) · Website
Categories: Getting Started
Getting set up in Eleventy (6 part series)
Learn the basics of Eleventy in this six-part tutorial series.
Oct 1, 2022
by Mike Neumegen (1 post) · Website & RSS feed
Categories: Getting Started
Learn the Eleventy Static Site Generator by Building and Deploying a Portfolio Website
By Gerard Hynes 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 b...
Sep 6, 2022
by Gerard Hynes (1 post) · Website
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
Sep 4, 2022
by Amal Ayyash (1 post) · Website
Categories: Getting Started
Eleventy Crash Course - YouTube playlist
YouTube video
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.
Jun 8, 2022
by James Midzi (1 post) · Website & RSS feed
Categories: Getting StartedPlugins
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.
Mar 28, 2022
by Jeremy Faucher (8 posts) · Website & RSS feed
Categories: BloggingGetting StartedHow to...Layouts
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.
Mar 28, 2022
by Jeremy Faucher (8 posts) · Website & RSS feed
Categories: BloggingFront MatterGetting StartedHow to...
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.
Mar 28, 2022
by Jeremy Faucher (8 posts) · Website & RSS feed
Categories: BloggingCSS/SassGetting StartedHow to...
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.
Mar 23, 2022
by Dustin Whisman (5 posts) · Website & RSS feed
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.
Feb 19, 2022
by Stephanie Eckles (21 posts) · Website & RSS feed
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
Jan 19, 2022
by Raymond Camden (103 posts) · Website & RSS feed
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)
Jan 5, 2022
by Webpixels (1 post) · Website
Categories: Getting Started
11ty tips I wish I knew from the start
David East's personal site full of blog posts and stuff.
Jan 3, 2022
by David East (1 post) · Website
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!
Jan 3, 2022
by Tim Kleyersburg (2 posts) · Website
Categories: Getting Started
Introduction to Eleventy (11ty) ELEVENTY
This is a simple introduction to Eleventy (11ty), a popular static site generator.
Oct 3, 2021
by Keenan Payne (1 post) · Website & RSS feed
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
Sep 22, 2021
by Thomas Semmler (3 posts) · Website & RSS feed
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.
Aug 14, 2021
by Nathan Blaylock (1 post) · Website & RSS feed
Categories: How to...Getting Started
Turn static HTML/CSS into a blog with CMS using the JAMStack
YouTube video
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
May 24, 2021
by Sia Karamalegos (11 posts) · Website & RSS feed
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.
Mar 24, 2021
by Stephanie Eckles (21 posts) · Website & RSS feed
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.
Feb 23, 2021
by Ingo Steinke (1 post) · Website & RSS feed
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.
Feb 5, 2021
by Lea Rosema (4 posts) · Website & RSS feed
Categories: Getting StartedWhy Eleventy?
Building my personal site with Eleventy
Power Platform Developer and all around cool guy
Dec 20, 2020
by Michael Harley (14 posts) · Website & RSS feed
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.
Nov 12, 2020
by Joel Varty (1 post) · Website & RSS feed
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.
Oct 31, 2020
by Luciano Mammino (3 posts) · Website & RSS feed
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.
Aug 26, 2020
by Rares Portan (5 posts) · Website
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.
Apr 9, 2020
by Jason Lengstorf (1 post) · Website
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.
Apr 2, 2020
by Khalid Abuhakmeh (3 posts) · Website
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.
Mar 25, 2020
by Juha-Matti Santala (14 posts) · Website & RSS feed
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.
Mar 18, 2020
by Juha-Matti Santala (14 posts) · Website & RSS feed
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.
Mar 11, 2020
by Juha-Matti Santala (14 posts) · Website & RSS feed
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.
Jan 16, 2020
by Jérôme Coupé (10 posts) · Website & RSS feed
Categories: Getting Started
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
Dec 26, 2018
by Zach Leatherman (44 posts) · Website
Categories: BloggingGetting Started