Zach’s ugly mug (his face)

Zach Leatherman

Eleventy: Build vs. Serverless vs. Edge

April 21, 2022 #16 Popular Watch in 21 minutes

This was a talk given at the Eleventy Meetup (11tymeetup.dev). While it was originally titled a “State of 11ty” talk, it somehow got laser-focused on differentiating between the Eleventy rendering modes: Build, Serverless, and Edge.

Watch on YouTube. Video courtesy of the Eleventy Meetup YouTube channel.

Slides

Scroll for slide content →

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 Jamstack Conf, Beyond Tellerrand, Smashing Conference, CSSConf, and The White House. He is an emeritus of Filament Group, NEJS CONF, and still helps out with nebraskajs’s AvatarNebraskaJS. Read more about Zach »

Previous
PodRocket podcast: Eleventy with Zach Leatherman
Next
Semverflation: a new software metric proposal

7 Retweets

Eleventy 🎈 2.0.0-canary.8Matt BiilmannEleventyMeetupnftcryptomixIndieWeb Avatar for https://www.alvinashcraft.comNick Taylor (he/him)Dan Denney

53 Likes

Madza 🇺🇦🙏Benjamin Grieskev eAshur CabreraOwen Buckley ♻️Guillaume DeblockEric WallaceNick Taylor (he/him)jackJakebertrandkellerChris CoyierEric WallaceJess Peck 🐍🤖kitajchukNiki 🇺🇦Jordan SaynerilltronPatrick HaugMWDelaneyJens GrochtdreisAlistair ShepherdÓscar GarcíaMarc Littlemore 👋🏻Chris PilswortheddyMichel van der KroefisobolewskibertrandkellerClément DelmasStephanie EcklesRichard HerbertGonzalo GuevaranftcryptomixEleventyMeetupJohn MeyerhoferMatt Rossman 🍌Brett Jankord Matt Biilmann⚡️Lindsey⚡️Eleventy 🎈 2.0.0-canary.8Todd Libby 🇺🇦Simon Pieters 💉💉💉Nicholas AlmeidaEduardo UribeIlja | ИльяMike AparicioSean van ZuidamTodd MoreyjmalkGaël PoupardBob MonsourElliott Marquez
10 Comments
  1. Christian Miles

    @cjlmiles

    what are these? slides for ants? 🐜🐜🐜

  2. Zach Leatherman

    @zachleat

    hahaha, well okay, bug report 😅

  3. Seems to suggest Edge is similar to Serverless but less expensive (more free quota)… I'm waiting for the audio/video portion too as I'm guessing there is more discussion about it there :) Thanks Zach!

  4. kitajchuk

    @kitajchuk

    👀

  5. Zach Leatherman

    @zachleat

    Yeah! That was a Q&A question that came up too—personally I like to use Serverless for ODB (and repeat cached requests don’t go towards the quota). On the other hand, Edge invocations are never cached so your usage will likely be higher there!

  6. kitajchuk

    @kitajchuk

    This looks like a great feature. I have a site built on an old custom static framework I’d like to migrate. @eleven_ty seems like a perfect fit so I’ve been reading up. The site already uses ejs templates and @Netlify functions so the transition seems logical 🤘

  7. Eleventy 🎈 2.0.0-canary.8

    @eleven_ty

    Awesome! For `ejs` specifically as disclosure you will likely want to read this section of the docs: 11ty.dev/docs/plugins/e…

  8. Šime (she-meh) 🦊

    @simevidas

    thEre’S someTHINg WRoNG. THe imAGEs aRe cUt OfF (tHErE SHoULD Be a URL bELOW THe wIndow iN The slIde), aND iT GEtS WOrsE whEN i zoOM tHe page.

  9. Zach Leatherman

    @zachleat

    Maybe a bug with aspect-ratio and obtrusive scrollbars? Mac OS + Firefox right? Seems to be working over here on FF 99 and FF Nightly—even across the different scrollbar OS preferences

  10. Šime (she-meh) 🦊

    @simevidas

    I’m seeing the issue in all browsers. Switching to overlay scrollbars didn’t help.

    Shamelessly plug your related post:

    Sharing on social media?

    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)