Toolverse
All skills

app-architecture

by growilabs

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

Quick info

Author
growilabs
Category
Frontend
Views
1

About this skill

GROWI main application (apps/app) architecture, directory structure, and design patterns. Auto-invoked when working in apps/app.

How to use

  1. Umiejętność jest automatycznie wywoływana, gdy pracujesz w katalogu apps/app projektu GROWI — nie wymaga ręcznej aktywacji ani specjalnych poleceń.

  2. 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.

  3. 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.

  4. 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.

  5. 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.

  6. 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.

Related skills