Zach’s ugly mug (his face) Zach Leatherman

Resume/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’ resume

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:

metadata:
  speaking:
    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 resume 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.


< Newer
Use Speedlify to Continuously Measure Site Performance
Older >
CSS Naked Day

Zach Leatherman IndieWeb Avatar for https://zachleat.com/is a builder for the web at IndieWeb Avatar for https://cloudcannon.com/CloudCannon. He is the creator and maintainer of IndieWeb Avatar for https://www.11ty.devEleventy (11ty), an award-winning open source site generator. At one point he became entirely too fixated on web fonts. He has given 79 talks in nine different countries at events like Beyond Tellerrand, Smashing Conference, Jamstack Conf, CSSConf, and The White House. Formerly part of Netlify, Filament Group, NEJS CONF, and NebraskaJS. Learn more about Zach »

6 Reposts

Juan Fernandesemmett naughtonAndy BellUlises SiriczmanAndré JaenischJamstackTORONTO

44 Likes

Zach LeathermanManuel MatuzovićAymen LoukilJim FiskRobin RendleBryan KearneyZack SeuberlingSoroush Torkzadehhenry▘MaëligJoey DefourneauxJapanese Green Tea Co.👨‍💻 🧘‍♂️Bobby DuffRob WoodDave RupertEthan EisenhardJon 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 GeierstangerMatt BiilmannMarcus RelacionPeter AntoniusAlex CarpenterJuan Fernandes
5 Comments
  1. 🔥 Josh Branchaud 🕺🏼

    @jbrancha

    Toilet paper emojis and diacritics, what a tweet!

  2. Zach Leatherman

    @zachleat

    I have spent many hours refining my personal brand

  3. André Jaenisch

    @AndreJaenisch

    Inspired by @mxbck ?

  4. Zach Leatherman

    @zachleat

    Uh oh someone didn't read the post 😅

  5. André Jaenisch

    @AndreJaenisch

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

Shamelessly plug your related post

These are webmentions via the IndieWeb and webmention.io.

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)