Skill UI

Guides building authentication and authorization in Next.js via NextAuth, middleware protection, JWT verification, session handling, and sign-in UI for both client and server components.

Guides building authentication and authorization in Next.js via NextAuth, middleware protection, JWT verification, session handling, and sign-in UI for both client and server components.

Overview of secure authentication and authorization patterns covering JWT access/refresh flows, middleware enforcement, OAuth2 PKCE login, RBAC permissions, and anti-patterns/checklists for modern web apps.

Overview of secure authentication and authorization patterns covering JWT access/refresh flows, middleware enforcement, OAuth2 PKCE login, RBAC permissions, and anti-patterns/checklists for modern web apps.

This guide provides expert architectural patterns for implementing robust authentication using Clerk in Next.js 14/15 App Router. It covers essential setups like ClerkProvider, middleware route protection (including role/permission checks), and accessing user data in Server Components and Server Actions. Ideal for building secure, scalable, and enterprise-grade web applications.

A comprehensive guide for diagnosing and resolving common configuration, authentication, and runtime errors when integrating the Clerk authentication SDK. Covers issues like missing environment variables, middleware setup, session mismatches, and component usage in Next.js environments.

Learn how to implement robust authentication and authorization flows using Clerk in Next.js. This guide covers configuring `clerkMiddleware` for route protection, protecting API endpoints with permission checks, customizing session claims (JWT), and generating secure tokens for external services like Supabase. Essential for building secure, enterprise-grade SaaS applications.

This utility collects comprehensive debug information for troubleshooting complex issues related to Clerk authentication. It generates an environment report, runtime health checks, client-side debug panel data, and middleware logs. Use this tool when preparing detailed support tickets or diagnosing intermittent, hard-to-reproduce bugs.

This comprehensive guide demonstrates how to implement enterprise-grade Role-Based Access Control (RBAC) and organization management using Clerk. It covers setting up multi-tenant architectures, defining granular custom roles and permissions (e.g., data:write, org:admin), integrating SSO (SAML/OIDC), and securely protecting both Next.js routes (via middleware) and client components based on user roles and specific permissions. Ideal for building secure, scalable SaaS applications.

This guide provides a comprehensive walkthrough for installing and configuring the Clerk SDK for various frameworks (Next.js, React, Express). It covers setting up environment variables, implementing the ClerkProvider, configuring middleware for route protection, and setting up sign-in/sign-up pages. Use this skill when integrating Clerk for secure, managed user authentication into a new application.

Implement comprehensive monitoring, structured logging, and performance tracking for Clerk authentication flows. This solution covers logging sign-in/out events, tracking middleware performance, handling webhook events, and integrating detailed error tracking with Sentry, ensuring robust debugging and auditing capabilities in production environments.

A comprehensive guide to enhancing Clerk authentication performance within a Next.js application. Techniques covered include optimizing middleware routing, implementing React's cache() and unstable_cache() for data deduplication, optimizing token handling, utilizing dynamic imports for lazy loading, and leveraging Edge Runtime for faster cold starts. Ideal for reducing latency and improving user experience during authentication flows.