Zach’s ugly mug (his face)

Zach Leatherman

Résumé/CV on the Jamstack

April 18, 2020

When I applied to work at Netlify, I put in a little work to update my dusty old résumé. It’s considered best practice to continually update your résumé, but who does that?? I’ve since discovered that my résumé can do some of this work for me and keep itself updated with a little help from the Jamstack, pulling in data from my blog and other data sources from around the web.

This post was inspired by a few other résumé helpers I found floating around the web past week:

Have a gander at the ol’ résumé

Fed by blog data

Public Speaker in eight different countries: 15 conferences, 13 meetups, seven barcamps, 12 podcasts, and one University guest lecture.

197 posts since February 2007, 57 entries on Web Fonts.

The above statements are generated by blog posts and metadata from post front matter. By meticulously tagging posts on my blog with this metadata, it can generate how many conferences and meetups I’ve done. For example, here’s the relevant front matter from a Smashing Conference in Barcelona:

type: conference
country: Spain

Fed by social media

Twitter avatars are fetched for people, companies, and organizations for some nice visuals. These are cached in the build for four weeks before a new one is requested. Counts from social media networks are also updated from the build.

1,530 members and growing, 50+ speakers, 90+ events.

The number of members in NebraskaJS are fetched dynamically from Meetup.

Eleventy (☆ 5,024)

GitHub star counts for projects I’ve worked on are injected from real data.

@eleven_ty (4,218 followers)

Twitter follower counts are also retrieved and updated by the build.

Update your résumé for the last time (not really)

Hopefully this has given you some inspiration to automate some of your résumé content so that you don’t have to keep it updated manually! As always, it’s important not to automate too much or it’ll appear robotic—but knowing what to automate and what to keep manual is part of the magic.

Zach’s ugly mug (his face)

Zach is a builder for the web with Netlify. He created the Eleventy static site generator and is still fixated on web fonts. His public speaking résumé includes talks in eight different countries at events like Beyond Tellerrand, Smashing Conference, CSSConf, and The White House. He is an emeritus of Filament Group, NEJS CONF, and still helps out with NebraskaJS. Read more about Zach »

Use Speedlify to Continuously Measure Site Performance
CSS Naked Day


JamstackTORONTOAndré JaenischUlises SiriczmanAndy Bellemmett naughtonJuan Fernandes
Zach LeathermanManuel MatuzovićAymen LoukilJim FiskRobin RendleZack SeuberlingBryan Kearneyhenry▘Soroush TorkzadehMaëligJoey DefourneauxJapanese Green Tea Co.👨‍💻 🧘‍♂️Bobby DuffRob WoodEthan EisenhardDave RupertJon KupermanSarah DrasnerMax BöckSamar PandaBrett BloxomJohn ArthurPaul Melero @homeMike AparicioJakeAndy BellUlises SiriczmanChris DeMars in #QuarantineLeslie Cohn-WeinJens TangermannAleks Hudochenkovemmett naughtonGaël PoupardRicardo Blanch PM⚡️ Mark Buskbjerg ⚡️Mikołaj Romanowski🔥 Josh Branchaud 🕺🏼Florian GeierstangerMarcus RelacionMatt BiilmannPeter AntoniusAlex CarpenterJuan Fernandes
5 Replies
  1. André Jaenisch

    André Jaenisch @AndreJaenisch #

    As usual. My timeline is quite full of „read it later“ links aka. retweets. Favs got repurposed on Twitter :-/

  2. Zach Leatherman

    Zach Leatherman @zachleat #

    Uh oh someone didn't read the post 😅

  3. André Jaenisch

    André Jaenisch @AndreJaenisch #

    Inspired by @mxbck ?

  4. Zach Leatherman

    Zach Leatherman @zachleat #

    I have spent many hours refining my personal brand

  5. 🔥 Josh Branchaud 🕺🏼

    🔥 Josh Branchaud 🕺🏼 @jbrancha #

    Toilet paper emojis and diacritics, what a tweet!

      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)