Toolverse
Wszystkie skille

nextjs-15

autor: Gentleman-Programming

Wzorce App Router Next.js 15 — routing, Server Actions i pobieranie danych

Instalacja

Wybierz klienta i sklonuj repozytorium do odpowiedniego katalogu skilli.

Instalacja

Szybkie info

Wyświetlenia
3

O skillu

Skill dla Claude'a, Codexa i Copilota zawierający gotowe wzorce Next.js 15 App Router. Obejmuje konwencje plików, komponenty serwerowe, Server Actions do obsługi formularzy, równoległe pobieranie danych oraz Route Handlers dla API. Aktywuje się podczas pracy z routingiem, akcjami serwerowymi i pobieraniem danych w Next.js. Ułatwia szybkie wdrażanie nowoczesnych praktyk frameworka.

Jak używać

  1. Zainstaluj skill nextjs-15 w swoim środowisku Claude'a, Codexa lub Copilota, wskazując repozytorium Gentleman-Programming. 2. Uruchom skill podczas pracy nad projektem Next.js 15 — automatycznie aktywuje się, gdy zaczniesz pisać kod związany z routingiem, Server Actions lub pobieraniem danych. 3. Korzystaj z wzorców struktury folderów: umieść komponenty w app/, definiuj strony w page.tsx, obsługuj błędy w error.tsx i utwórz grupy tras w folderach z nawiasami okrągłymi. 4. Implementuj Server Actions poprzez dodanie dyrektywy "use server" na górze pliku, następnie użyj akcji w formularzach HTML — skill pokaże ci, jak obsługiwać FormData i rewalidować ścieżki. 5. Optymalizuj pobieranie danych: stosuj Promise.all() dla równoległych zapytań lub Suspense do streamowania wolnych komponentów, zgodnie z przykładami z dokumentacji. 6. Twórz API Route Handlers w folderze app/api/, definiując funkcje GET, POST i inne metody HTTP — skill zawiera gotowe szablony NextRequest i NextResponse.

Podobne skille