Check out a live demo 👉 magic.baul.ml
Magic is a passwordless authentication sdk that lets you plug and play different auth methods into your app. Magic supports passwordless email login via magic links, social login with OAuth2 and web standards like WebAuthn.
For more insight into the authentication flow and actual implementation, take a look at their Next.js starter example-nextjs or visit the docs.
- Sign up for Magic
- Create a new App
- Copy
TEST PUBLISHABLE KEY
for testing purposes andLIVE PUBLISHABLE KEY
for live production
Follow the official documentation on how to set up each social login provider:
git clone https://github.com/baulml/next-magic-auth.git
cd next-magic-auth
yarn
yarn dev
Create a .env
file similar to .env.example
in the root of the application.
- Add
NEXT_PUBLIC_MAGIC_KEY
as an Environment Variable to the production build.