Clerk Authentication

Clerk authentication integration for Next.js App Router using the real, current @clerk/nextjs API: clerkMiddleware in proxy.ts, a ClerkProvider actually wired into the root layout, and the built-in verifyWebhook helper for the webhook route.

Copy the files below, or open this folder on GitHub. Each file is stamped with a limited-use licence, generator and date. SHA-256 is of the published catalog bytes, before the stamp.

id

clerk

stack

Next.js

version

2.0.0

compatibility

nextjs >=16 <17 · react >=19 <20

requires

nextjs-base

env vars

NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY, CLERK_SECRET_KEY, CLERK_WEBHOOK_SIGNING_SECRET, NEXT_PUBLIC_CLERK_SIGN_IN_URL, NEXT_PUBLIC_CLERK_SIGN_UP_URL, NEXT_PUBLIC_CLERK_SIGN_IN_FALLBACK_REDIRECT_URL, NEXT_PUBLIC_CLERK_SIGN_UP_FALLBACK_REDIRECT_URL

Files (5)

// Licensed by BotKelp — https://www.botkelp.com

/**
 * Wraps the app in ClerkProvider. Wired into app/layout.tsx by this
 * component's ast_inject action (wrap_root_jsx) — see manifest.json.
 *
 * Source: https://github.com/clerk/clerk-nextjs-app-quickstart/blob/main/app/layout.tsx
 * Verified: 2026-09-06
 */
'use client';

import { ClerkProvider } from '@clerk/nextjs';

export function Providers({ children }: { children: React.ReactNode }) {
  return <ClerkProvider>{children}</ClerkProvider>;
}