clerk-auth

SKILL.md

Status: Production Ready ✅ Last Updated: 2025-10-28 Dependencies: None Latest Versions: @clerk/nextjs@6.33.3, @clerk/backend@2.17.2, @clerk/clerk-react@5.51.0, @clerk/testing@1.4.4

\\\`typescript import React from 'react' import ReactDOM from 'react-dom/client' import { ClerkProvider } from '@clerk/clerk-react' import App from './App.tsx' import './index.css'

// Get publishable key from environment const PUBLISHABLEKEY = import.meta.env.VITECLERKPUBLISHABLEKEY

Dieser Skill vermittelt umfassende Kenntnisse zur Integration der Clerk-Authentifizierung in React-, Next.js- und Cloudflare Workers-Anwendungen. Es sollte beim Einrichten der Benutzerauthentifizierung, der Implementierung geschützter Routen, der Überprüfung von JWT-Tokens, der Erstellung benutzerdefinierter JWT-Vorlagen mit Benutzermetadaten und Organisationsansprüchen, der Konfiguration der Clerk-Middleware, der Integration mit Shadcn/UI-Komponenten, dem Testen von Authentifizierungsabläufen oder der Fehlerbehebung bei Clerk-Authentifizierungsfehlern verwendet werden. Verwendung bei: Hinzufügen von Clerk zu React/Vite-Projekten, Einrichten von Clerk im Next.js App Router, Implementieren der Clerk-Authentifizierung in Cloudflare Workers, Konfigurieren von clerkMiddleware für den Routenschutz, Erstellen benutzerdefinierter JWT-Vorlagen mit Shortcodes (user.id, user.email, user.public_metadata.role), Zugriff auf Sitzungsansprüche für RBAC, Integration mit Supabase/Grafbase, Überprüfen von Token mit @clerk/backend, Clerk mit Hono integrieren, Clerk shadcn/ui-Komponenten verwenden, E2E-Tests mit Playwright schreiben, Testsitzungstoken generieren, Test-E-Mail-Adressen und Telefonnummern verwenden oder auf Authentifizierungsfehler stoßen. Verhindert 11 dokumentierte Probleme: fehlende geheime Schlüsselfehler, API-Schlüsselmigrationsfehler, JWKS-Cache-Race-Bedingungen, CSRF-Schwachstellen aufgrund fehlender autorisierter Parteien, Importpfadfehler nach dem Core 2-Upgrade, Probleme mit der JWT-Größenbeschränkung, veraltete API-Versionswarnungen, ClerkProvider JSX-Komponentenfehler, Verwirrung beim async auth()-Helfer, Fehlkonfiguration von Umgebungsvariablen und Vite-Dev-Modus-431-Headerfehler. Schlüsselwörter: Sachbearbeiter, Sachbearbeiter-Authentifizierung, Sachbearbeiter-Authentifizierung, @clerk/nextjs, @clerk/backend, @clerk/clerk-react, clerkMiddleware, createRouteMatcher, verifyToken, useUser, useAuth, useClerk, JWT-Vorlage, JWT-Ansprüche, JWT-Shortcodes, benutzerdefiniertes JWT, Sitzungsansprüche, getToken-Vorlage, user.public_metadata, org_id, org_slug, org_role, CustomJwtSessionClaims, sessionClaims-Metadaten, Clerk-Webhook, geheimer Clerk-Schlüssel, veröffentlichbarer Clerk-Schlüssel, geschützte Routen, Cloudflare Workers-Authentifizierung, Next.js-Authentifizierung, shadcn/ui-Authentifizierung, @hono/clerk-auth, „Fehlender geheimer Clerk-Schlüssel“, „kann nicht als JSX-Komponente verwendet werden“, JWKS Fehler, autorisierte Parteien, Sachbearbeiter-Middleware, ClerkProvider, UserButton, SignIn, SignUp, Sachbearbeitertest, Test-E-Mails, Testtelefonnummern, +clerk_test, 424242 OTP, Sitzungstoken, Testtoken, @clerk/testing, Dramatikertest, E2E-Test, Sachbearbeitertestmodus, Bot-Erkennung, Sitzungstoken generieren, Benutzer testen Quelle: jackspace/claudeskillz.

Original anzeigen