Clerk Update — July 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:

Clerk Elements (Beta)

Clerk Elements is currently in beta and introduces an entirely new set of unstyled UI primitives that make it easy to build completely custom authentication and user management UIs on top of Clerk's APIs and business logic.

• Customize with CSS Frameworks: Because everything is unstyled by default, Clerk Elements gives you complete control over the markup rendered in your authentication flows. Rendered markup accepts a className prop for easy styling with CSS frameworks such as Tailwind.
• Extend with Component Libraries: Clerk Elements also support the asChild prop, popularized by component libraries like Radix. Bring your existing component library and it'll take care of the rest.

To learn more, visit the Clerk Changelog and Clerk Elements docs →

Google One Tap

Google One Tap support introduces seamless, one-click user sign-ins and sign-ups. This allows your users to effortlessly access your services without having to remember passwords or undergo lengthy registration processes.

• New <GoogleOneTap /> Component: If you have already configured Google OAuth with custom credentials, adding support for Google One Tap is as easy as including the new <GoogleOneTap /> component.
• Support for Custom Flows & Non-React Environments: For those building applications that require custom flows or do not use React, Google One Tap is supported via clerk-js.

To learn more, visit the Clerk Changelog and <GoogleOneTap /> component docs →

Other Features, Fixes & Improvements

• Improved Clerk + Expo Docs: We have fully refactored our Expo docs with:
  • New quickstart guide and accompanying starter repo.
  • Updated examples for Impersonation, MFA, and OAuth.
  • Added section that addresses common Expo deployment questions.
• Clerk + Next.js 15: Clerk is now fully compatible with Next.js 15, with support for the React 19 RC. To use Clerk with Next.js 15, upgrade @clerk/nextjs to v5.1.2 or later.
• Neon + Clerk Integration Guide: We've published a new integration guide demonstrating how to use Neon with Clerk in a Next.js application, utilizing drizzle-orm for database interactions.

Events & Community Updates

Clerk OSS Fellowship

We are thrilled to announce the launch of Clerk's Open Source Fellowship program, created to foster continued innovation in the open source software community. Our inaugural recipient is Colin McDonnell, the creator of Zod, who will receive funding while he works on bringing Zod to its next version.

Read the announcement →

Clerk + Backdrop Build

We are excited to announce our partnership with Backdrop Build, a hackathon-centric accelerator that enables thousands of builders to take on the challenge of building and launching an idea in just 4 weeks.

Apply to Build →

Summer Hackathon with Xata, Clerk, Inngest & Prisma

We've partnered with Xata, Prisma, and Inngest to bring you a two-week summer hackathon challenge. Winners will be announced on the Xata Community Discord via live stream on July 19, 2024, at 12:00 PM EST.

Read the announcement →

Resources

• Building a Hybrid Sign-Up/Subscribe Form with Stripe Elements by @brianmmdev
• Build a Modern Authenticated Chat Application with Next.js, Ably & Clerk by @bookercodes
• How to use Clerk with PostHog Identify in Next.js by @brianmmdev
• Working with Clerk and Per-User Databases by @notrab
• Zoom-Clone using NextJS-14, Clerk, TailwindCSS & StreamSDK by @faarehahmed
• How to Build Your Own ChatGPT Clone Using React & AWS Bedrock by @conermurphy
• How to Secure API Gateway Using JWT & Lambda Authorizers with Clerk by @brianmmdev
• Getting Started with React, Vite & Clerk Auth on Netlify by @pauliescanlon
• Using Clerk with Liveblocks by Karl Koch
• Build a Finance SaaS Platform With Nextjs, React & Hono by Code with Antonio
• How to Authenticate API Requests with Clerk & FastAPI by Redouane Achouri
• Unlocking the Power of Convex & Clerk by @syedahmedullah14
• Build a team-based task manager with Next.js, Neon & Clerk by @brianmmdev

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.