Zach’s ugly mug (his face)

Zach Leatherman

Mix and Match Template Syntax in Eleventy using the Render Plugin

November 15, 2021

This plugin adds new renderTemplate and renderFile shortcodes to Eleventy projects for mixing and matching rendering in a single parent template!

I’m super excited about what this can unlock:

  • Did someone else write a Nunjucks plugin you want to use? But you only use Liquid templates? Yes.
  • Do you have a Vue component for your navigation but use Nunjucks for everything else? Yes.
  • Do you want to render some of your template as Markdown? Yes.

This was also one of the most-upvoted/requested features on our enhancement backlog, opened June 2018 with ×54 👍’s.

Read the Docs

Screenshot image for https://v1.screenshot.11ty.dev/https%3A%2F%2Fwww.11ty.dev%2Fdocs%2Fplugins%2Frender%2F/opengraph/_202111_1/https://www.11ty.dev/docs/plugins/render/

Zach’s ugly mug (his face)

Zach is a builder for the web with IndieWeb Avatar for https://www.netlify.comNetlify. He created the IndieWeb Avatar for https://www.11ty.devEleventy site generator and is still fixated on web fonts. His public speaking résumé includes talks in eight different countries at events like IndieWeb Avatar for https://jamstackconf.com/Jamstack Conf,btconf’s AvatarBeyond Tellerrand, IndieWeb Avatar for https://smashingconf.com/Smashing Conference,CSSConf’s AvatarCSSConf, and IndieWeb Avatar for https://www.whitehouse.govThe White House. He is an emeritus of IndieWeb Avatar for https://www.filamentgroup.comFilament Group, nejsconf’s AvatarNEJS CONF, and still helps out with nebraskajs’s AvatarNebraskaJS. Read more about Zach »

Previous
The Eleventy API Explorer
Next
How to add Authentication to your Eleventy Site
Webmentions
    Social Card Image Preview

    This is what will show up when you share this post on Social Media:

    How did you do this? I automated my Open Graph images. (Peer behind the curtain at the test page)