PPR Nonce Isolation Test

Clerk DynamicClerkScripts nonce isolation

This page verifies that @clerk/nextjs correctly isolates nonce fetching into a Suspense-wrapped DynamicClerkScripts component. With the fix, pages using cacheComponents: true can mix cached and dynamic content without build errors.

Clerk UI Components

Loading Clerk UI...

What this tests

Cached content— The "use cache" component renders a timestamp that stays stable across requests.
Dynamic content — The auth() call renders fresh on every request.
Clerk scripts — Clerk JS loads via the new Suspense-isolated DynamicClerkScripts.
Auth state — SignedIn / SignedOut render correctly based on authentication.
Build passes — This page builds without errors when cacheComponents: true.

PPR Nonce Isolation Test

Clerk DynamicClerkScripts nonce isolation

Cached Content

"use cache" component

cached at: 2026-03-19T15:28:01.131Z

This content is cached and should not opt the page out of static rendering.

Dynamic Content

Server auth() call

rendered at: 2026-04-16T22:10:08.959Z

userId: null (signed out)

Clerk UI Components

Loading Clerk UI...

What this tests

Cached content— The "use cache" component renders a timestamp that stays stable across requests.
Dynamic content — The auth() call renders fresh on every request.
Clerk scripts — Clerk JS loads via the new Suspense-isolated DynamicClerkScripts.
Auth state — SignedIn / SignedOut render correctly based on authentication.
Build passes — This page builds without errors when cacheComponents: true.