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
_staticdirectory 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
phpornode-polka) - 👨💻 Add the implementation
- 🎉 Submit your PR