Skip to main content

Official 11ty docs

Layouts

Layouts — Eleventy

25 posts in 'Layouts'

Dynamic Content Includes

In this post, I explain how I solved two issues at the same time by introducing a feature to my post layout that I’m calling pre and post includes.

Categories: Front MatterHow to...LayoutsNunjucks/Macros

Better 11ty Development with Tooling

Getting a component-driven development experience that fits nicely into the 11ty zen.

Categories: Getting StartedLayoutsYouTube

How I Eleventy

Documenting a refactor that introduced a folder structure and configuration changes, which summarises how I Eleventy.

Categories: ConfigurationHow to...LayoutsMarkdownPermalinksShortcodes

Eleventy - Fetch data from the Github REST API to populate a projects page

We will populate a page with data from GitHub. We will use the eleventy-fetch plugin to do this with minimal code and refresh the data every 2 days.

Categories: FiltersGlobal DataLayoutsRemote Data

Top 11 free Eleventy themes for 2024

A curated list of the top 11 Eleventy themes on GitHub in 2024.

Categories: ConfigurationGetting StartedLayouts

Eleventy - Create a global production flag

A production flag enables you to run activites in production only e.g. minifying assets. There isn't a built-in flag in eleventy. How can we add one?

Categories: ConfigurationGlobal DataHow to...Layouts

Getting up to Speed with Eleventy: Config and Collections

Continuing his Eleventy tutorial, David Eastman shows how to configure the system, make use of templates, what collections are, and more.

Categories: CollectionsConfigurationLayouts

I design and build websites, web applications, and data visualizations. I’ve been known to play fiddle from time to time and board games.

Categories: ConfigurationHow to...ImagesLayoutsImage Galleries

Generating and Caching Open Graph Images with Eleventy

How I'm caching my open graph images with eleventy-plugin-og-image instead of generating them on every build

Categories: ConfigurationHow to...ImagesLayoutsSocial Media

Generating a static blog with Eleventy

From 0 to minimal blog using 11ty. I tell you the steps I took to create the minimal technical basis for this website's content.

Categories: BloggingCollectionsConfigurationInternationalizationLayouts

Default layouts in 11ty

Default layouts in 11ty

Categories: ConfigurationHow to...Layouts

Making a simple Eleventy blog template

If you’ve worked with TypeScript, React or Next odds are you’ve encountered an update that broke a... Tagged with frontend, css, html, tutorial.

Categories: BloggingCollectionsFront MatterHow to...Layouts

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.

Eleventy Layouts with Sizlate

Eleventy Layouts with Sizlate by Simon McManus

Categories: Layouts

Creating a now page archive with 11ty

Blog and general digital garden of the full stack programmer Simon Dann.

Categories: CollectionsFront MatterHow to...LayoutsNavigationNow Page

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.

Eleventy Custom Content Type Collections and Layouts

How-to on creating separate collections and layouts for a custom content type. In this case: cocktails!

Categories: CollectionsLayouts

How to use Vue to template your Eleventy projects

If you like using Eleventy, but would love to leverage Vue syntax in your templates, here's a guide on how to do that.

Categories: Layouts

Using Liquid Blocks in Eleventy Layouts

A look at using multiple blocks and having them render in Liquid templates

Categories: LayoutsHow to...

Eleventy and template extends

A quirk detail about how Elevent handles extending a Nunjucks layout using template blocks.

Categories: Layouts

RSS, a love letter and walkthrough for my Eleventy site

Power Platform Developer and all around cool guy

Categories: How to...PluginsLayoutsRSS

Building my personal site with Eleventy

Power Platform Developer and all around cool guy

Categories: Getting StartedBloggingWhy Eleventy?ConfigurationLayouts

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

Get the blog by email (or RSS)

Powered by Buttondown