Demo Next 15 & Clerk V6

Please note: many patterns here are not best practices, this is for experimentation

Routes under /dynamic are using a <ClerkProvider dynamic/> to opt in to dynamic rendering.

Routes under /ssr are using the new default <ClerkProvider /> that static renders by default.

Setup

Copy the .env.example file in the /apps/next directory to .env.local in the /apps/next directory.

Paste your secret key and publishable key into the .env.local file you just created.

Install dependencies

From the root directory:

pnpm i

Run the application

After the dependencies install run the dev command from the root directory:

pnpm dev

Visit localhost:3000 in your browser and sign in.

Features

API Routes:

• /hacker returns 10 random 'hacker' phrases
• /user/update POST to update first and last name.

UI Routes:

• / displays welcome message
• /dynamic lists routes under the dynamic Clerk Provider with links.
  • /fetch fetches data from the hacker endpoint
  • /org/create Create Organization component
  • /org/profile Organization Profile component
  • /user/profile User Profile component
  • /user/mixed Page with a component to update first & last name + view how the components update
  • /standard/sign-in Page that mounts the standard sign in component
  • /standard/sign-up Page that mounts the standard sign up component
  • /noauth Page that does not require auth to visit, shows various links
• /ssr lists routes under the static Clerk Provider with links.
  • /fetch fetches data from the hacker endpoint - one request is designed to fail.
  • /org/create Create Organization component
  • /org/profile Organization Profile component
  • /user/profile User Profile component
  • /user/mixed Page with mixed SSR / CSR components
  • /standard/sign-in Page that mounts the standard sign in component
  • /standard/sign-up Page that mounts the standard sign up component
  • /noauth Page that does not require auth to visit, shows various links