clerk-performance-tuning

Skill do optymalizacji wydajności autentykacji Clerk. Pomaga zmniejszyć czasy odpowiedzi, zredukować opóźnienia i lepiej wykorzystać SDK. Obejmuje optymalizację middleware'u, cachowanie danych użytkownika, obsługę tokenów, lazy loading i konfigurację edge runtime. Idealny dla projektów Next.js, gdzie autentykacja wpływa na szybkość ładowania stron.

1. 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.

2. 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.

3. 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.

4. 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.

5. Wyzwól skill frazami takimi jak "clerk performance", "clerk optimization", "clerk slow" lub "optimize clerk", aby uzyskać konkretne rekomendacje dla Twojego kodu.