app-architecture
Poznaj strukturę i wzorce projektowe aplikacji GROWI — automatycznie dostępne w kontekście pracy nad kodem
Instalacja
Wybierz klienta i sklonuj repozytorium do odpowiedniego katalogu skilli.
Instalacja
O skillu
Umiejętność Claude'a dokumentująca architekturę głównej aplikacji GROWI (apps/app) — pełnostos Next.js z backendem Express.js i bazą MongoDB. Zawiera mapę struktury katalogów, wyjaśnia przejście z architektury warstwowej na architekturę opartą na funkcjach biznesowych oraz opisuje punkty wejścia serwera i klienta. Automatycznie aktywuje się podczas pracy w katalogu apps/app, wspierając deweloperów w zrozumieniu organizacji kodu i wdrażaniu nowych funkcji zgodnie z rekomendowanymi wzorcami.
Jak używać
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.