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

Demo

https://demo-eleventy-serverless-oauth.netlify.app/

Source Code

https://github.com/11ty/demo-eleventy-serverless-oauth

Zach is a builder for the web with Netlify. He created the Eleventy 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. Read more about Zach »

Previous: Mix and Match Template Syntax in Eleventy using the Render Plugin
Next: Recycling Open Graph Images for display on my Web Site

7 Retweets

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.