sveltekit-structure
Przewodnik po strukturze SvelteKit — routing, layouty i obsługa błędów
Instalacja
Wybierz klienta i sklonuj repozytorium do odpowiedniego katalogu skilli.
Instalacja
O skillu
Umiejętność Claude'a do nauki struktury projektów SvelteKit. Dowiedz się, jak organizować pliki (+page, +layout, +server), tworzyć zagnieżdżone layouty, obsługiwać błędy za pomocą +error.svelte i konfigurować SSR oraz hydratację. Zawiera konwencje nazewnictwa, wzorce layoutów i granice błędów na poziomie komponentu.
Jak używać
Zainstaluj umiejętność w swoim projekcie Claude'a, dodając plik sveltekit-structure do katalogu .claude/skills.
Kiedy pracujesz nad projektem SvelteKit i potrzebujesz wyjaśnienia dotyczącego organizacji plików, poproś Claude'a o wskazówki — na przykład: "Jak powinien wyglądać routing dla strony /posts/[id]?" lub "Gdzie umieścić +error.svelte?"
Zapoznaj się z podstawowymi typami plików: +page.svelte (strona), +layout.svelte (wrapper dla tras potomnych), +error.svelte (granica błędu) i +server.ts (endpoint API).
Stosuj layouty na dowolnym poziomie folderu — każdy +layout.svelte automatycznie opakowuje wszystkie trasy potomne. Zagnieżdżone layouty dziedziczą strukturę z poziomów wyższych.
Dla obsługi błędów umieść +error.svelte powyżej trasy, która może zawieść. Dla dynamicznych stanów (ładowanie, błędy) na poziomie komponentu użyj svelte:boundary.
Jeśli potrzebujesz kodu tylko po stronie serwera lub tylko w przeglądarce, sprawdź zmienną
browseri skonfiguruj SSR zgodnie z wymaganiami projektu.