Eleventy Excellent

An Eleventy starter

This starter is based on Andy Bell’s CSS workflow/boilerplate.
In Andy’s words, we’d rather hint the browser than micromanage it, using progressive enhancement, CSS layout, fluid type & spacing, and modern CSS features.
The aim is to create frontends that look good to everyone, regardless of device, connection speed or context.

I have tried to document a few things.

Have fun and let me know if you find any issues or have ideas for improvements!


I'm showing the last 4 blog posts, but there might be more!

    Post with fetched content

    Eleventy Fetch fetches and caches resources - at configurable intervals. In this example I am fetching my public repositories with a cache duration of 1 day.

    Post with 301 redirects

    A 301 is used when a page has permanently changed location. Informing about this change is indispensable if you want to keep a positioning. Aleksandr Hovhannisyan came up with an elegant solution for Eleventy and Netlify.

    Post with some code

    Syntax Highlighting is achieved by a pack of Eleventy plugins. No browser/client JavaScript, highlight transformations are all done at build-time.

    Post with an image

    Eleventy's own build-time image transformations. Find more info on11ty.dev/docs/plugins/image/ and edit settings in config-folder.