Guide to Conditional Rendering in React

Clerk has updated our SDK to support Next.js version 13.4.0. We've added stable support for the App Router, which is the default for new applications. We've also improved the ergonomics of our middleware helper for more composability and to mitigate common pitfalls.

See the updates in our new Next.js documentation

Next.js version 13.4.0 launched today and the App Router is now stable. In turn, Clerk's support for the App Router is also now stable in 

 helpers have been moved to a permanent home in 

 are no longer necessary, and you can import from 

 intstead. The package now automatically detects if components are being used from a client component or a server component, and loads the proper form.

That's all! Our documentation has been updated to 

Along with today's launch, we've also released a new middleware helper to make things a little easier and more composable.

In its simplest form, these few lines are all you need to integrate Clerk:

This sets your application in a protected mode – if users are signed  out the will be automatically redirected to a sign in. Unprotected pages need to be explicitly listed in the 

 arguments to enable more composability with libraries like 

.  For more details, checkout the updated 

Stable Support for the Next.js App Router, plus a Middleware Update!

We introduced a new Change password flow this week, that allows the user to change their password and log out all sessions via our user profile component.

You can now bulk invite users to an organization via Clerk's API allowing you to invite a whole team quickly. 

You can specify a different 

 for each invited organization member. New organization invitations get a "pending" status until they are revoked by an organization administrator or accepted by the invitee. 

The request body supports passing an optional 

 parameter for each invitation. When the invited user clicks the link to accept the invitation, they will be redirected to the provided URL. 

Use this parameter to implement a custom invitation acceptance flow. You must specify the ID of the user that will send the invitation with the 

 parameter. 

Each invitation can have a different inviter user. Inviter users must be members with administrator privileges in the organization. Only "admin" members can create organization invitations.

Below is a simplified version

Check out our backend API reference for more details: 

https://clerk.com/docs/reference/backend-api/tag/Organization-Invitations#operation/CreateOrganizationInvitationBulk

We have added a dedicated section for our hosted pages in the Clerk dashboard. You can find them under customization, this will give you links to preview hosted pages as well as a way to customize some of the look and feel.



This week I'd like to highlight a few community creators who created some informative videos on using Clerk!

First up we have Hamed Bahram who created a video on protecting your e-commerce website using Clerk, this 30 minute tutorial shows the power of Clerk from client to server.

Secondly Elias Wambugu who's channel is know as The Source Code gives you a introduction into Clerk with React in just 10 minutes!

Guide

Guide

Guide to Conditional Rendering in React

Start Now,
No Strings Attached

Pricing built for

businesses of all sizes.

Newsletter!

Guide

Guide

Guide to Conditional Rendering in React

Start Now,No Strings Attached

Pricing built for

businesses of all sizes.

Newsletter!

Start Now,
No Strings Attached