Skip to content

How to add BASIC AUTHENTICATION to a VERCEL deployment for FREE using various techniques.

License

Notifications You must be signed in to change notification settings

hormesiel/vercel-basic-auth

Repository files navigation

Goal

This repo contains examples of how to add Basic Authentication to a Vercel deployment using various languages / frameworks, along with some numbers that show the differences between each method.

Each example contains its own README file with some additional information.

Adding basic auth to SSR / API routes

All the examples in this repo only show how to add basic auth to static pages. If you want to add basic auth to SSR or API routes, you'll have to do it manually or use a package specifically designed for the framework you're using, like nextjs-basic-auth-middleware if your project uses Next.js.

Structure

  • The _static directory contains the source code for the "website" that each implementation serves for demonstration purposes : HTML, CSS, images ... 1
  • All the other directories are the different ways you can add Basic Authentication to a Vercel deployment. Checkout their code to see how to implement it in your project

1 The demo website has a public area and a restricted /admin area (username / pass : admin / admin).

Comparison

Example 📦 Lambda size 🔗 Deployment URL 👨‍💻 Ease of implementation
node 0.08 MB Link
node-express 0.38 MB Link ⭐⭐
node-static-auth 0.08 MB Link ⭐⭐⭐

Contributing

Issues and PR are welcome!

  • 🔀 Fork and clone the project
  • 🆕 Create a directory named after the language / framework you want to add (for example php or node-polka)
  • 👨‍💻 Add the implementation
  • 🎉 Submit your PR