August 16, 2024
The Clerk team has been hard at work shipping new features to help you build secure applications faster. Here’s a rundown of the highlights:
Official SDK for Astro
We're proud to announce @clerk/astro, a new official SDK that enables developers to add authentication and authorization into their Astro application in matter of minutes.
- Use Clerk components in Astro: Use our components to create a beautiful, fully-functional user and organization management experience in minutes.
- Granular page protection: Protect entire paths of your application with Clerk middleware, or individual pages with Astro locals.
- Support for React in Astro: If you are using React in Astro and are already familiar with how Clerk and React work together, you can use the same hooks and components you are used to.
Learn more about the Astro Clerk SDK in the Astro Quickstart.
Remix SPA Mode
Remix SPA mode enables your Remix applications to run on the client with the benefits of Remix such as file-based routing and prefetching. Starting with @clerk/remix@4.2.0 our Remix SDK now supports Remix SPA mode.
- Use Clerks control components like
<SignedIn>and<SignedOut>to protect areas of your Remix SPA app.
To read the full guide and learn more about Clerk and Remix SPA Mode, head over to the Remix SPA mode reference guide.
Expo SDK v2
We have released @clerk/clerk-expo v2 with support for Expo Web! This means that you can create universal apps that run on Android, iOS, and the web all with a single codebase!
- Expo Web support: Clerk's prebuilt components can now be used with web applications built with Expo Web
- One codebase, universal authentication: Use our hooks to build universal sign-in and sign-up views for Android, iOS, and Web all from a single codebase.
To learn more, check out our new Expo Quickstart guide. If you’re already using Clerk with Expo, our upgrade guide will walk you through getting updated to use the latest version.
Other Features, Fixes & Improvements
- Customize UserButton Menu Items: You can now customize the UserButton menu and add your own menu items.
- Set active organization by slug: In addition to using the organization ID, you can now set a user’s active organization using the organization slug.
- Cognito password migrator: Use our new Cognito password migrator to simplify the process of moving your users from AWS Cognito to Clerk.
- Development mode: Clerk components now display a special footer if your application is operating in a development environment.
- Limit how many organizations users can create: Limit the number of organizations a user can create on a per-user basis.
- Next.js dynamic keys: Keys and options passed to
clerkMiddleware()at runtime are available in Clerk’s server-side helpers. - Passkeys are now GA: Passkeys are no longer in beta and available for all users on our Pro plan.
Resources
- Moving User Management from In-House to a Product: Why We Did It and What We Learned by Emil Pearce
- Mitigating OAuth’s recently discovered Open Response Type vulnerability by Colin Sidoti
- A guide to reading authenticated user data from Clerk by Alex Booker
- Build a Trello Clone with React Native by Simon Grimm
- Embedding A Luzmo Dashboard In Next.js Apps Using Clerk on Vercel by Paul Scanlon
- Role based access control with Clerk Organizations by Brian Morrison II
- Build a Video Course Platform by Hamed Bahram
- Full Stack Development with Next.js, Clerk, and Neon Postgres by Ankur Tyagi
- Per-user B2B monetization with Stripe and Clerk Organizations by Brian Morrison II
- How to Build an Invoice SaaS App with Next.js, Resend, Clerk and Neon Postgres by Ankur Tyagi
If you have feedback or suggestions, we want to hear them! Let us know at feedback.clerk.com. For the latest on our product releases, follow @ClerkDev on 𝕏 or join the Clerk Community on Discord.