Zach’s ugly mug (his face) Zach Leatherman

How to add Authentication to your Eleventy Site

November 08, 2021 Watch in 7 minutes

A demo project and walkthrough showing how to secure some of your Eleventy Serverless pages behind OAuth authentication providers.

  • Login with GitHub, Netlify, or GitLab (and easily extensible to add more!)
  • This demo uses zero clientside JavaScript.
  • Serverless templates can be secured with a simple addition to the template front matter.

Walk-through

Watch on YouTube: How to add Authentication to your Eleventy Site

Demo

Screenshot image for https://v1.screenshot.11ty.dev/https%3A%2F%2Fdemo-eleventy-serverless-oauth.netlify.app%2F/opengraph/_x202407_0/

Source Code

Screenshot image for https://v1.screenshot.11ty.dev/https%3A%2F%2Fgithub.com%2F11ty%2Fdemo-eleventy-serverless-oauth/opengraph/_x202407_0/

< Newer
Mix and Match Template Syntax in Eleventy using the Render Plugin
Older >
Recycling Open Graph Images for display on my Web Site

Zach Leatherman IndieWeb Avatar for https://zachleat.com/is a builder for the web and the creator/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 81 talks in nine different countries at events like Beyond Tellerrand, Smashing Conference, Jamstack Conf, CSSConf, and The White House. Formerly part of CloudCannon, Netlify, Filament Group, NEJS CONF, and NebraskaJS. Learn more about Zach »

7 Reposts

Matt BiilmannEleventy (1.0.0-beta.4)MWDelaneyJamstackTORONTO aka Jamstack U.N. 🇺🇳Sean C DavisHiddeMatthias Andrasch ♻️

41 Likes

Tiger Abrodi ⚡ 🦊 💪Sean C DavisNothing Personal, but #dirumahajaZeeshanJake GinnivanNick SollecitoTodd MoreyMagnusMatt Tunney ☕️John MeyerhoferMWDelaneyRhian van EschCloudCannonEric WallaceKong Yang/Koob Moov YaajCoco MarzMatt BiilmannJens GeilingÁngel GuerrajlcaAleksandr HovhannisyanBrett EvansMarcus TallbergCody Peterson #BLM💻 Christian Sharaf ⚙️Gerrit HalfmannSia KaramalegosEric ☕️ 🐟 💻 🍍Ara AbcariansStephanie EcklesBen DelarrerossPeter WiegandTanner DolbyCharlie GDan KlammerAppSeedMark BoultonOfer ShaalBenilltron
4 Comments
  1. Bryan Robinson

    @brob

    Ooooh serverless routes for that... that makes so much sense!

  2. Dave ♦️

    @DavidDarnes

    Paging @SaraSoueidan 👀

  3. Zach Leatherman

    @zachleat

    Yay!

  4. Zach Leatherman

    @zachleat

    Thanks for sharing!

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)