Magic Auth with Next.js - Starter Template

This is the starter template for the Vercel guide "Add Auth to a Next.js Site with Magic.link" <-- link to be added. For reference, you can find the completed code here.

Get Started

1. Install dependencies.

npm install
# or
yarn install

2. Rename .env.local.example to .env.local and add your Magic Auth API keys.

mv .env.local.example .env.local

// .env.local

NEXT_PUBLIC_MAGIC_PUBLISHABLE_KEY = "YOUR MAGIC AUTH PUBLISHABLE KEY";
MAGIC_SECRET_KEY = "YOUR MAGIC AUTH SECRET KEY";

1. Run the development server.

npm run dev
# or
yarn dev

4. Open http://localhost:3000 with your browser to see the result.