Skip to main content

Official 11ty docs

Getting Started

Getting Started — Eleventy

69 posts in '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.

Categories: Getting StartedWhy Eleventy?

Rebuilding My Developer Portfolio with Eleventy

I recreated my developer portfolio and blog from scratch with Eleventy.

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!

Categories: BloggingGetting StartedMigrating to Eleventy

Top 11 free Eleventy themes for 2024

A curated list of the top 11 Eleventy themes on GitHub in 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.

Categories: ConfigurationGetting StartedPerformance

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.

Categories: Getting Started

Migrating to Eleventy

renkotsuban's personal site and blog.

Categories: Getting StartedHow to...Migrating to Eleventy

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.

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.

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.

Categories: BloggingCMSGetting StartedHow to...

Bookshop 11ty Guide

Learn how to build a live-editable website using Eleventy and Bookshop on CloudCannon.

Categories: How to...Getting Started

Eleventy by Example, by Bryan Robinson

A review of "Eleventy by Example", by Bryan Robinson

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.

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.

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.

Categories: Getting StartedHow to...

Update to My Eleventy Blog Guide

An update regarding my Eleventy blog guide.

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

Categories: Getting Started

A Beginner's Guide to Eleventy - part one

First part of a beginner's guide to eleventy

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.

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.

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).

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.

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.

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.

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.

Categories: Getting Started

Getting set up in Eleventy (6 part series)

Learn the basics of Eleventy in this six-part tutorial series.

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

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

Categories: 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.

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.

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.

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

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.

11ty tips I wish I knew from the start

David East's personal site full of blog posts and stuff.

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!

Categories: Getting Started

Introduction to Eleventy (11ty) ELEVENTY

This is a simple introduction to Eleventy (11ty), a popular static site generator.

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

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.

Categories: How to...Getting Started

Itsiest, Bitsiest Eleventy Tutorial

Want to get started with Eleventy but feel overwhelmed? Try out this pared-down tutorial

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.

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.

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.

Categories: Getting StartedWhy Eleventy?

Building my personal site with Eleventy

Power Platform Developer and all around cool guy

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.

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.

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.

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.

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.

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.

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.

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.

Categories: Getting StartedDeploymentCMSBlogging

Eleventy Walkthrough

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.

Categories: Getting Started

Let’s Learn Eleventy!

YouTube video

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

Categories: BloggingGetting Started

Get the blog by email (or RSS)

Powered by Buttondown