clerk-performance-tuning
Optimize Clerk authentication performance.\nUse when improving auth response times, reducing latency,\nor optimizing Clerk SDK usage.\nTrigger with phrases like \
Installation
Pick a client and clone the repository into its skills directory.
Installation
About this skill
Optimize Clerk authentication performance.\nUse when improving auth response times, reducing latency,\nor optimizing Clerk SDK usage.\nTrigger with phrases like \
How to use
Upewnij się, że masz zainstalowaną integrację Clerk i narzędzia do monitorowania wydajności (Lighthouse, Web Vitals). Skill działa najlepiej w projektach Next.js.
Zoptymalizuj middleware, aby pominąć statyczne zasoby. Skonfiguruj matcher w pliku middleware.ts tak, aby autentykacja nie uruchamiała się na plikach statycznych (_next, obrazy, favicon). Zdefiniuj publiczne trasy (logowanie, rejestracja, webhooki) i uruchamiaj ochronę tylko dla tras wymagających autentykacji.
Wdrożyć cachowanie danych użytkownika za pomocą React cache. Utwórz funkcję getAuthUser, która deduplikuje zapytania do Clerk API w ramach jednego żądania. To zapobiega wielokrotnym wywołaniom API dla tego samego użytkownika w różnych komponentach serwera.
Przeanalizuj wyniki monitorowania wydajności. Sprawdź, czy czasy odpowiedzi autentykacji spadły i czy Web Vitals się poprawiły. Skill wspiera optymalizację tokenów, lazy loading komponentów i konfigurację edge runtime — dostosuj kolejne kroki na podstawie wąskich gardeł w Twoim projekcie.
Wyzwól skill frazami takimi jak "clerk performance", "clerk optimization", "clerk slow" lub "optimize clerk", aby uzyskać konkretne rekomendacje dla Twojego kodu.