clerk-authentication

Clerk Authentication at the edge

This demo features authentication at the edge using Clerk.

Demo

https://edge.clerk.app/

One-Click Deploy

Deploy the example using Vercel:

Getting Started

Execute create-next-app with npm or Yarn to bootstrap the example:

npx create-next-app --example https://github.com/vercel/examples/tree/main/edge-functions/clerk-authentication clerk-authentication
# or
yarn create next-app --example https://github.com/vercel/examples/tree/main/edge-functions/clerk-authentication clerk-authentication

You'll need to have an account with Clerk. Once that's done, copy the .env.example file in this directory to .env.local (which will be ignored by Git):

cp .env.example .env.local

Then open .env.local and set the environment variables to match the settings of your Clerk application. It should look something like this (replace the values with your own Clerk's dashboard):

NEXT_PUBLIC_CLERK_FRONTEND_API=foo.bar.lcl.dev
CLERK_API_KEY=test_lcyh0EbavaYPZBnyUbRBGtSo1dELNxJSLC
CLERK_JWT_KEY=YOUR_CLERK_JWT_KEY_GOES_HERE

Next, run Next.js in development mode:

npm install
npm run dev

# or

yarn
yarn dev