/clerk-playground

Explore the features provided by Clerk in building authentication and user management flows

Primary LanguageJavaScriptMIT LicenseMIT

Clerk Playground

This app will demonstrate some of the features of Clerk and different combinations that can be used to build authentication and user management flows.

Getting started

Clone the repository to your local machine:

git clone https://github.com/clerkinc/clerk-playground.git

Change into the directory and install the dependendencies:

cd clerk-playground/
npm install

Copy the example values to a .env.local file:

cp .env.local.sample .env.local

Set the environment variables found on API Keys in Clerk Dashboard:

NEXT_PUBLIC_CLERK_FRONTEND_API=your-frontend-api
CLERK_API_KEY=your-api-key

Then spin up the development server:

npm run dev

Visit http://localhost:3000 and get started!

Setting up Clerk instance

If you want to set up your Clerk instance in the same way as this example, make sure you set the following values:

Email, Phone, Username

Contact information

Authentication factors

Personal information

Social Login

This app has the following Social Login providers configured:

Multi-factor

Multifactor authentication

Paths

This app has the following paths set:

Name Path
Home URL /
Sign-up URL /sign-up
Sign-in URL /sign-in
Sign-in Redirect /sign-in/verify
Sign-out Redirect /sign-in