87 posts in 'Getting Started'

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: Blogging CSS/Sass Collections Configuration Data Cascade Filters Getting Started Global Data Layouts Markdown Navigation Pagination Plugins Shortcodes

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: Blogging Configuration Filters Getting Started How 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: Blogging Getting Started Markdown RSS Why 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: Configuration Getting Started How 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 Pipelines Configuration Getting Started Layouts Shortcodes

Curso Eleventy (Spanish video)

YouTube video

May 14, 2024

by Jon Mircha (1 post)

Categories: Getting Started YouTube

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: Deployment Getting Started Why 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 Started Layouts YouTube

Eleventy website to GitHub Pages with GitHub Actions

Medium post

Apr 17, 2024

by Andres Bitrian (1 post)

Categories: Deployment Getting 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 Started Why 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: Blogging Getting Started Migrating to Eleventy

My Eleventy site setup

Mar 3, 2024

by anh (3 posts) · Website & RSS feed

Categories: Blogging Collections Front Matter Getting Started Global Data Shortcodes

CSS { In Real Life } | Eleventy Starter Project Updates

Feb 11, 2024

by Michelle Barker (5 posts) · Website & RSS feed

Categories: Getting Started Why 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: Configuration Getting Started Layouts

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: Configuration Getting Started Performance

From Figma to Browser with Eleventy (Part 3)

YouTube video

Jan 17, 2024

by thoughtbot (3 posts)

Categories: Getting Started How 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 Started How 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: Blogging Getting Started Plugins

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: Blogging Configuration Getting Started Why Eleventy?

Implementing a Figma design in Eleventy (Part 2)

YouTube video

Dec 6, 2023

by thoughtbot (3 posts)

Categories: Getting Started How to...YouTube

Migrating to Eleventy

renkotsuban's personal site and blog.

Nov 15, 2023

by Renkon (1 post) · Website & RSS feed

Categories: Getting Started How to...Migrating to Eleventy

From Figma to Browser with Eleventy (Part 1)

YouTube video

Nov 15, 2023

by thoughtbot (3 posts)

Categories: Getting Started How 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: Blogging Deployment Getting Started How 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 (12 posts) · Website & RSS feed

Categories: How to...Configuration Getting 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: Blogging Getting 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: Blogging CMS Getting Started How 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: Blogging Getting 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 Started How to...

A Complete Guide to Building a Blog with Eleventy

Mar 4, 2023

by Raymond Camden (103 posts) · Website

Categories: Blogging How to...Getting Started

Eleventy - Build a Static Site with Backend Data Handling - YouTube

YouTube video

Mar 3, 2023

by Azul Coding (1 post)

Categories: YouTube Getting 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 Started Blogging

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 Started Why 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 Started Blogging

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 Started How 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

by Jaydan Urwin (1 post)

Categories: YouTube Getting 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 Started Plugins

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: Blogging Getting Started How 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: Blogging Front Matter Getting Started How 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: Blogging CSS/Sass Getting Started How 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/Sass Getting 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: Blogging How 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: Configuration Data Cascade Getting Started Navigation

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

by Kevin Powell (1 post)

Categories: CMS Configuration Deployment Getting Started Blogging

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/Sass Netlify Getting 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 Started Why 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 Started Blogging Why Eleventy?Configuration Layouts

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: Configuration Data Cascade Filters Getting 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 Started Blogging Configuration

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 Started Global Data Layouts Blogging

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 Started Deployment CMS Blogging

Eleventy Walkthrough

Feb 1, 2020

by Reg Hunt (1 post) · Website

Categories: Getting Started

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