Authentication

Clerk

Add Clerk authentication with middleware, provider, and env vars — delivered as a PR.

nextjsapp routerbeta

About this integration

Graft clones your repository, applies the Clerk integration template, and opens a pull request with all the wiring done. You review and merge — no manual copy-paste from docs.

1Connect GitHubPick your repo

2ConfigureEnter API keys

3Get a PRReview and merge

Path	Change
`middleware.ts`	create
`app/layout.tsx`	modify

Variables you provide

Name	Description
`CLERK_PUBLISHABLE_KEY`	Clerk publishable key
`CLERK_SECRET_KEY`	Clerk secret key (env example only) secret

Compatibility

Frameworks: nextjs
Router: app
Stage: beta

For Clerk docs

Drop this on your quickstart to let developers install via Graft.

<script
  src="https://graftpr.com/embed.js"
  data-template="clerk-nextjs-app-router"
  data-label="Install Clerk with Graft"
  async
></script>

Learn about the Graft Install Button →

Clerk

About this integration

Files this install creates or updates

Variables you provide

Compatibility

For Clerk docs