A
app-specific-patterns
GROWI main application (apps/app) specific patterns for Next.js, Jotai, SWR, and testing. Auto-invoked when working in apps/app.
Installation
Pick a client and clone the repository into its skills directory.
Installation
About this skill
GROWI main application (apps/app) specific patterns for Next.js, Jotai, SWR, and testing. Auto-invoked when working in apps/app.
How to use
- Upewnij się, że pracujesz w katalogu apps/app projektu GROWI — skill aktywuje się automatycznie w tym kontekście bez konieczności ręcznego wywoływania. 2. Podczas tworzenia nowych stron w Next.js Pages Router stosuj sufiks .page.tsx dla wszystkich plików (np. pages/admin/index.page.tsx) i implementuj getLayout pattern do zarządzania layoutami. 3. Organizuj stan aplikacji zgodnie z konwencją katalogów: umieszczaj stan UI w src/states/ui/, stan modali w src/states/ui/modal/ (jeden plik na modal), dane stron w src/states/page/, a stan specyficzny dla funkcji w features/{nazwa}/client/states/. 4. Przy definiowaniu atomów Jotai rozróżniaj atomy bazowe od pochodnych — atomy pochodne (read-only) obliczają wartości na podstawie innych atomów za pomocą funkcji get(). 5. Do pobierania danych używaj hooków SWR zorganizowanych w src/stores-universal/ (np. pages.ts dla danych stron, users.ts dla użytkowników). 6. W razie pytań dotyczących testów zapoznaj się z globalnymi umiejętnościami essential-test-patterns i essential-test-design dostępnymi w .claude/skills/learned/.