Clerk SSR Authentication Demo

This page demonstrates Clerk authentication during server-side rendering and includes a DeckChannel demo for secure iframe-parent communication. Perfect for testing embedded applications and messaging functionality.

Server-rendered at 2025-11-22T02:00:45.356Z

What this page shows

A practical, server-rendered example using Clerk.

How to fetch auth() and currentUser() on the server
Conditional UI for signed-in vs. signed-out users
Organization info when available
Type-safe data handling and error resilience

Get started

Server-side fetching example

These values are read on the server during render:

await auth() -> { userId: null, sessionId: null, orgId: null }
await currentUser() -> null

After you sign in, refresh this page to see your live data.

DeckChannel Demo

Interactive demo of secure iframe-parent communication using the DeckChannel API. Test error reporting and height adjustment functionality.

Iframe Communication Demo

This component demonstrates secure messaging between iframe and parent frame. Works best when this page is embedded as an iframe.

Disconnected

Errors: 0

Resizes: 0

DeckChannel Demo Content

This content demonstrates iframe height adjustments and error reporting.

Connection status: Not connected

This demo shows how the DeckChannel API enables secure communication between iframe content and parent frames.

Loading Clerk SSR demo…