nextjs-clerk

Grafbase ⨯ Clerk ⨯ Next.js

This examples shows how to connect Clerk as your Identity Provider with your Grafbase project — Read the guide

Getting Started

1. Run npx degit grafbase/grafbase/examples/nextjs-clerk grafbase-with-nextjs-clerk to clone this example
2. Change directory into the new folder cd grafbase-with-nextjs-clerk
3. Run cp .env.example .env
4. Run cp grafbase/.env.example grafbase/.env
5. Open .env in your code editor, and provide your Grafbase API endpoint and Clerk API Keys
6. Open grafbase/.env in your code editor, and provide your Clerk issuer URL
7. Run npm install, or yarn install to install dependencies
8. Run npx grafbase dev to start local dev server with your schema
9. Run npm run dev, or yarn dev (in a new terminal)
10. Visit http://localhost:3000