122 posts in &#39;Configuration&#39;

Categories: Blogging CMS Configuration How to...Plugins

A Simple Guide to Redirects on Neocities with Eleventy

We need more tutorials for using Eleventy outside of Netlify. Lets take a look at setting up redirects on Neocities with Eleventy.

Jan 12, 2024

by fLaMEd (10 posts) · Website & RSS feed

Categories: Configuration Deployment Front Matter How to...Pagination

Updated Eleventy Future Post Plugin

Jan 11, 2024

Categories: Configuration Global Data Plugins

Hiding Future Posts in Eleventy

Describes how to hide posts with a future publishing date in an Eleventy site.

Jan 10, 2024

Categories: Blogging Configuration Global Data How to...Plugins

Eleventy Photo Gallery

How I used JPEGs as templates in Eleventy to build a photo gallery

Jan 5, 2024

by Evan Sheehan (7 posts) · Website

Categories: Configuration How to...Images Layouts Image Galleries

Minifying and compressing text files to reduce load

I am continuing to catch up with the technical basics for a modern‐day website. This time I add minification and compression to my 11ty build and the Caddy configuration.

Jan 5, 2024

by Tobias Fedder (5 posts) · Website & RSS feed

Categories: Configuration How to...Performance

Building robots.txt from a simple API endpoint

The online journal of Ashur Cabrera.

Dec 31, 2023

by Ashur Cabrera (8 posts) · Website & RSS feed

Categories: Configuration How to...Remote Data

Automatic pre-processing of post images in Eleventy

A brief description of how I set up automatic image scaling in Eleventy.

Dec 29, 2023

by Martin Gunnarsson (9 posts) · Website & RSS feed

Categories: Configuration How to...Images Plugins

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

Dec 24, 2023

by Robb Knight (18 posts) · Website & RSS feed

Categories: Configuration How to...Images Layouts Social Media

Generating OG Images in Eleventy

Creating OG images for your Eleventy page is really easy with eleventy-plugin-og-image. I show you how!

Dec 23, 2023

by Kilian Finger (1 post) · Website & RSS feed

Categories: Configuration Plugins Social 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.

Dec 23, 2023

by Tobias Fedder (5 posts) · Website & RSS feed

Categories: Blogging Collections Configuration Internationalization Layouts

ELEVENTY V3 WITH ESM SUPPORT NOW ON THE CANARY CHANNEL

A post by Zach Leatherman (zachleat)

Dec 18, 2023

by Zach Leatherman (38 posts) · Website & RSS feed

Categories: Configuration Deployment Migrating to Eleventy From the Source

Maintaining working local links in Eleventy

How to keep links between Markdown files working both locally and on your Eleventy site.

Dec 18, 2023

by Martin Gunnarsson (9 posts) · Website & RSS feed

Categories: Configuration Markdown

Let’s create a microblog with visual editing using Bookshop and Eleventy

Visual editing is table stakes for a modern content management workflow.

Dec 7, 2023

by Zach Leatherman (38 posts) · Website & RSS feed

Categories: Blogging CMS CSS/Sass Configuration How to...

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?

Eleventy WebC in a nutshell

Dec 2, 2023

by Rob Anderson (5 posts) · Website & RSS feed

Categories: Configuration Layouts Plugins WebC

Automating Eleventy Server with Visual Studio Code Tasks

Nov 28, 2023

by Dan Ryan (1 post) · Website & RSS feed

Categories: Configuration How to...WebC

How to schedule posts in Eleventy

Nov 21, 2023

by Sophie Koonin (5 posts) · Website & RSS feed

Categories: Blogging Configuration Deployment How to...Scheduling

11ty and Observable

Nov 11, 2023

by Harris Lapiroff (2 posts) · Website & RSS feed

Categories: Configuration How to...

Default layouts in 11ty

Nov 6, 2023

by Remy Sharp (2 posts) · Website & RSS feed

Categories: Configuration How to...Layouts

Eleventy Excellent demo branches

Frontend developer and designer living in Madrid. I enjoy working with semantic HTML, vanilla Javascript and modern CSS.

Oct 30, 2023

by Lene Saile (6 posts) · Website & RSS feed

Categories: Blogging Configuration Pagination

Cleaning up the 11ty config

The eleventy config file can get cluttered quickly so I cleaned mine up

Oct 29, 2023

Categories: Configuration How to...

Clean Up Your Config File

MooseDog Studios - Where Convention Takes A Back Seat To Quality

Oct 23, 2023

by Robin Hoover (4 posts) · Website

Categories: Configuration How to...

TinaCMS + 11ty

Taking a deep dive into setting up a CMS for my static site with TinaCMS

Oct 17, 2023

by Clayton Errington (11 posts) · Website & RSS feed

Categories: Blogging CMS Configuration Deployment How to...

Making a lighthouse-fast website with a static site generator like 11ty

Creating an SSG flow to generate a highly optimized static website.

Oct 7, 2023

by Piotr Maliński (3 posts) · Website & RSS feed

Categories: Configuration How to...Images CSS/Sass Social Media

A step-by-step guide to adding a blogroll, complete with each blog's latest posts, to your Eleventy site.

Sep 21, 2023

by Ben Myers (6 posts) · Website & RSS feed

Categories: Data Cascade Remote Data How to...Configuration Blogging

CloudCannon + Eleventy

Getting CloudCannon setup with your Eleventy project is easier than you think

Sep 6, 2023

by Clayton Errington (11 posts) · Website & RSS feed

Categories: Deployment How to...Collections Configuration

Flickerless dark mode in 11ty with Tailwind CSS

Just a couple of days ago, I was about to rebuild my portfolio website from scratch. As a typical web... Tagged with webdev, javascript, tutorial, html.

Sep 4, 2023

by Tengku Farhan (1 post) · Website & RSS feed

Categories: CSS/Sass Configuration How to...

11ty draft posts - Set up a draft system in 11ty

Setting a post to draft in 11ty while writing

Sep 1, 2023

Categories: Configuration How to...Drafts

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

Categories: How to...Configuration Getting Started

Use TailwindCSS with Eleventy Static Site Generator

A guide to using Tailwindcss and Eleventy with auto reloading feature. You will also learn to add DaisyUI in conjunction with TailwindCSS.

Jul 30, 2023

by Hrishikesh Pathak (3 posts) · Website & RSS feed

Categories: CSS/Sass Configuration How to...

How I set up lastmod date in my 11ty xml sitemap

Google now want an accurate lastmod date in the xml sitemap. Here is how I set it up in my 11ty site.

Jul 6, 2023

Categories: How to...Configuration

Introducing: 11ty with reasonable defaults

TL;DR Initialize your 11ty projects with reasonable defaults: npm install -g yo npm... Tagged with showdev, webdev, productivity.

Jul 2, 2023

by Winston Puckett (1 post) · Website & RSS feed

Categories: Configuration

Generating CSS with PostCSS and eleventy.before

I'm trying to keep the setup of my personal projects as simple as possible. Today, we're looking at how CSS is generated.

Jun 29, 2023

by Martin Schneider (7 posts) · Website & RSS feed

Categories: CSS/Sass Configuration How to...

Integrating JSON-LD Into Your Eleventy Pages

MooseDog Studios - Where Convention Takes A Back Seat To Quality

Jun 9, 2023

by Robin Hoover (4 posts) · Website

Categories: Configuration How to...

Embed JSDoc comments in an Eleventy website

May 3, 2023

by Rob Anderson (5 posts) · Website & RSS feed

Categories: How to...Configuration

Meta Description and Keywords in Eleventy

This article describes how I added HTML Keywords to an Eleventy site.

May 1, 2023

Categories: Configuration How to...

Automated workflows for websites

In this article, I'm writing about automated workflows I added to this blog.

Apr 20, 2023

by Lea Rosema (4 posts) · Website

Categories: Configuration How to...

New Blog Same as the Old Blog

Details about my site rebuild.

Mar 27, 2023

Categories: Blogging Configuration

Displaying Build Details in an Eleventy Site

I leveraged some old code to add the ability to capture build details and save them with a project. In this post, I describe the utility I created that allows you to easily display build information in an Eleventy site.

Mar 15, 2023

by Khalid Abuhakmeh (3 posts) · Website

Categories: Configuration How to...

Hiding drafts and future posts in Eleventy.js

JavaScript software development tips, strategies for salary negotiation, and other helpful advice for navigating software as a career.

Mar 7, 2023

by Jordan Kohl (8 posts) · Website

Categories: How to...Configuration Drafts

Font Subsetting with Eleventy.js

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

Mar 3, 2023

by Simon Dann (11 posts) · Website & RSS feed

Categories: Asset Pipelines Configuration How to...Plugins

Combining 11ty Static Site Generator with ASP.NET Core

Combining 11ty Static Site Generator with ASP.NET Core for maximum awesomeness.

Feb 21, 2023

Categories: Asset Pipelines Configuration

Setup GitLab Review Apps with Eleventy

A technique to setup GitLab Review Apps for an Eleventy site.

Feb 9, 2023

by Aaron Goldenthal (4 posts) · Website & RSS feed

Categories: Configuration Deployment How to...

Using Rmarkdown with Eleventy

My work, notes, musings and more. Some serious, some not.

Feb 9, 2023

by Michael Schmidt (2 posts) · Website & RSS feed

Categories: Configuration Front Matter How to...Markdown

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.

How to programmatically add tags to posts in 11ty

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

Jan 30, 2023

by Simon Dann (11 posts) · Website & RSS feed

Categories: Blogging Collections Configuration How to...Plugins

Adding Wiki Links to 11ty

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

Jan 25, 2023

by Simon Dann (11 posts) · Website & RSS feed

Categories: Blogging Configuration How to...Markdown

Components with Nunjucks and 11ty

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.

Jan 25, 2023

by Jeremy Faucher (8 posts) · Website

Categories: CSS/Sass Configuration How to...Nunjucks/Macros

External Asset Pipeline with Eleventy

I like to use NPM scripts for my asset pipeline instead of using Eleventy to generate assets and orchestrate everything. The latest release of Eleventy Dev Server makes that approach both easy to implement and quite performant.

Jan 23, 2023

by Jérôme Coupé (9 posts) · Website & RSS feed

Categories: Asset Pipelines Configuration

Using Eleventy filters in Directory Computed Data

Eleventy Computed Data makes it easy to reuse your filters outside of your templates.

Jan 16, 2023

by Chris Coleman (2 posts) · Website

Categories: Configuration Data Cascade Filters

Organizing the Eleventy config file

Eleventy lets you create a file called eleventy.js to configure the SSG to your own project’s needs. This article is all about organizing your config file!

Nov 29, 2022

by Lene Saile (6 posts) · Website & RSS feed

Categories: Configuration

Why I built my own Vue plugin for Eleventy

Why and how I built my own Vue plugin for Eleventy.

Oct 22, 2022

by Fynn Becker (2 posts) · Website & RSS feed

Categories: Configuration Plugins

Support Draft Blog Posts in Eleventy

A look at various ways of supporting draft posts with Eleventy

Aug 14, 2022

by Brett DeWoody (1 post)

Categories: How to...Configuration Collections Drafts

You should add a generator tag to your Eleventy site

Hear me out on this one, I've got a short but sensible list as to why.

Jun 29, 2022

by David Darnes (5 posts) · Website & RSS feed

Categories: Configuration

Inlining SVGs in Eleventy

Medium post

Jun 22, 2022

Categories: Configuration How to...Images

Generate a sitemap for your Eleventy website

How to create a sitemap for your static website built with Eleventy. Tagged with eleventy, sitemap, xml, staticsite.

Jun 5, 2022

by Luciano Mammino (3 posts) · Website & RSS feed

Categories: How to...Configuration

Eleventy + Vue 3

Tips and tricks for using Vue 3 Single File Components as templates for Eleventy.

Mar 20, 2022

by Fynn Becker (2 posts) · Website & RSS feed

Categories: Configuration How to...Plugins

11ty aliases the right way

A short little tutorial on how to make redirects in 11ty that aren't awful.

Mar 20, 2022

by Evan Boehs (2 posts) · Website & RSS feed

Categories: Collections Configuration How to...Pagination

This static blog is generated with Eleventy and all its social images are automatically generated with node-canvas. In this tutorial we’ll set up a basic version of this script so you can use it on your blog as well.

Mar 17, 2022

by Rik Schennink (1 post) · Website & RSS feed

Categories: Configuration How to...Social Media

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.

Jan 3, 2022

by David East (1 post) · Website

Categories: Configuration Data Cascade Getting Started Navigation

Just Enough JavaScript for Eleventy

Want to try Eleventy, but not very experienced in JavaScript yet? You're in the right place.

Dec 25, 2021

Categories: Configuration How to...

Managing a secrets directory in your eleventy site

A personal blog where I write about my side projects

Nov 7, 2021

by Adrien (2 posts) · Website

Categories: Configuration How to...

Eleventy 1.0 - Dynamic Ignores

Eleventy 1.0's new support for dynamic file ignore settings.

Oct 15, 2021

Categories: Configuration

Eleventy Hack/Tip/Possibly Bad Idea - Dynamic Theme Testing

How to test a new theme in an Eleventy site

Oct 11, 2021

Categories: How to...Configuration

Inspecting an existing 11ty project

Great talk by Cassey Lottman

Oct 4, 2021

by Katie Kodes (2 posts) · Website & RSS feed

Categories: How to...Configuration Debugging

An Adobe PDF Embed Plugin for Eleventy

Eleventy users can now add a PDF Embed plugin to their sites

Aug 2, 2021

Categories: How to...Global Data Configuration Plugins

Getting your bearings in an existing Eleventy project

Questions to ask to start making changes quickly

Jul 26, 2021

Categories: Configuration

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

npx eleventy !== npx @11ty/eleventy

Use the former at your own risk.

Apr 7, 2021

Categories: How to...Configuration

Building a Simple Image Gallery with Eleventy

Using the Image plugin with Eleventy to build a simple gallery

Apr 7, 2021

Categories: Images How to...Plugins Configuration Image Galleries

Create an Eleventy podcast feed

Want to add an iTunes and Google friendly podcast feed to your Eleventy site? Here's how.

Feb 8, 2021

by Marc Littlemore (4 posts) · Website & RSS feed

Categories: Filters Blogging How to...Configuration

Configure markdown footnotes in eleventy

Eleventy (11ty) Tutorial

Jan 23, 2021

by Al Power (8 posts) · Website & RSS feed

Categories: How to...Markdown Configuration

Using Pre-Built Lunr Indexes with Eleventy

Switching to Pre-Built Lunr indexes with Eleventy sites

Jan 22, 2021

Categories: Search How to...Configuration

Give your Eleventy Site Superpowers with Environment Variables

Eleventy is increasing in popularity because it allows us to create nice, simple websites, but also — because it’s so developer-friendly. We can build

Dec 31, 2020

by Andy Bell (3 posts) · Website & RSS feed

Categories: Configuration How to...

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

Inlining scripts and styles in 11ty

I’m Kitty Giraudel, a non-binary trans frontend developer based in Berlin, focused on accessibility and inclusivity.

Dec 3, 2020

by Kitty Giraudel (4 posts) · Website & RSS feed

Categories: CSS/Sass Configuration

Using a folder other than posts/ with Eleventy

I don’t want to wrestle with overwrought Webpack configuration, write GraphQL queries for basic navigation, or scream at types for failing to transpile or whatever. I want to write

Nov 22, 2020

by Eric Bailey (2 posts) · Website & RSS feed

Categories: Configuration How to...

Selecting Random Posts in Eleventy

A look at adding links to random pages in Eleventy

Oct 26, 2020