Aleksandr Hovhannisyan 14 posts

Generate a sourcemap and add it to Eleventy’s global data.

After some recent incidents involving Netlify and Vercel, I decided to play it safe and move my website and another side project to Cloudflare.

Eleventy 3.0 adds a new API to optimize images anywhere on your site, without shortcodes.

In Eleventy 3.0, virtual templates enable plugin authors to publish and share dynamic templates.

With eleventy-plugin-code-demo, you can easily add interactive HTML, CSS, and JavaScript code demos to your Eleventy site using Markdown.

Use a single source template in 11ty Serverless to generate both a static and server-rendered page.

While imagery can enrich your content, it can also slow down your site if it’s not used responsibly. Learn how to use the official 11ty image plugin to create optimized and responsive images.

Expose useful information about your Eleventy build to all of your templates using global data.

Extend Eleventy’s built-in filters with custom logic for these common use cases.

Currently, 11ty doesn’t allow you to pass object arguments to shortcodes in Liquid. As a temporary workaround, you can assemble and parse a JSON string to pass along to the shortcode as an argument.

Ever wanted to nest Markdown in HTML? In 11ty, you can easily do this with paired shortcodes and a custom Markdown parser.

Use global data in 11ty to create a single configuration for fonts that you can reference in your templates and CSS.

Tired of listing all of your Netlify redirects by hand? Generate them programmatically with a bit of 11ty templating magic!

An in-depth review of 11ty, an extensible static site generator written in Node that supports a variety of template languages.