Skip to Content

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/_x202404_5/

Source Code

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

Tags: Eleventy Project Speaking 1,739 Views

< Newer
Older >

Zach Leatherman is a builder for the web at CloudCannon. He is the creator and maintainer of Eleventy (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 »

7 Reposts

41 Likes

4 Comments

@brob
10 Nov 2021

Ooooh serverless routes for that... that makes so much sense!
@DavidDarnes
10 Nov 2021

Paging @SaraSoueidan 👀
@zachleat
10 Nov 2021

Yay!
@zachleat
17 Nov 2021

Thanks for sharing!

Shamelessly plug your related post

These are webmentions via the IndieWeb and webmention.io.