app-architecture
GROWI main application (apps/app) architecture, directory structure, and design patterns. 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) architecture, directory structure, and design patterns. Auto-invoked when working in apps/app.
How to use
Umiejętność jest automatycznie wywoływana, gdy pracujesz w katalogu apps/app projektu GROWI — nie wymaga ręcznej aktywacji ani specjalnych poleceń.
Zapoznaj się ze strukturą katalogów opisaną w umiejętności: pages/ dla tras Next.js, features/ dla modułów funkcjonalności, server/ dla logiki backendu (modele, trasy, usługi) oraz client/ dla komponentów React i stanów.
Gdy tworzysz nową funkcję, postępuj zgodnie z architekturą opartą na funkcjach: utwórz katalog features/{nazwa-funkcji}/ z podkatalogami interfaces/, server/ i client/, a następnie wyeksportuj publiczne API przez index.ts.
Odwołuj się do umiejętności w celu weryfikacji, czy Twoja nowa funkcja jest zorganizowana prawidłowo — sprawdź, czy unikasz starego podejścia warstwowego (modele, komponenty, trasy rozrzucone po całym projekcie) na rzecz grupowania kodu wokół funkcji biznesowych.
Wykorzystaj informacje o punktach wejścia (server/app.ts dla Express + Next.js, pages/_app.page.tsx dla dostawców Jotai i SWR) do zrozumienia, gdzie inicjalizuje się aplikacja i jak integrować nowe moduły.
W razie pytań dotyczących wzorców projektowych, struktury katalogów lub organizacji kodu w apps/app — umiejętność będzie dostępna w kontekście Twojej pracy, aby udzielić wskazówek opartych na dokumentacji architektonicznej.