Architecture Patterns References
Integration guides showing how architectural patterns combine in real projects.
Quick Navigation
| Reference | Purpose | Read When |
|---|---|---|
| backend-integration.md | Backend implementation examples | Backend projects (Node, NestJS, Express) |
| frontend-integration.md | Frontend implementation examples | Frontend projects (React, Redux, Astro) |
Pattern-Specific Skills
Individual pattern details live in dedicated skills:
| Skill | Content |
|---|---|
| solid | SRP, OCP, LSP, ISP, DIP with examples |
| clean-architecture | Layer separation, dependency rule |
| hexagonal-architecture | Ports and adapters |
| domain-driven-design | Aggregates, bounded contexts, domain events |
| result-pattern | Result |
| dry-principle | Duplication elimination |
| mediator-pattern | CQRS, event bus |
| sidecar-pattern | Microservice cross-cutting concerns |
Reading Strategy
For Backend Projects
- backend-integration.md — Full implementation guide (NestJS, Express)
- solid → clean-architecture → hexagonal-architecture
- Optional: domain-driven-design for complex domains
For Frontend Projects
- frontend-integration.md — Read this FIRST
- solid (SRP for components, DIP for services)
- Optional: result-pattern for async error handling
For Simple CRUD or MVPs
Skip architecture patterns. Use technology-specific best practices only.
File Descriptions
backend-integration.md
Backend architecture pattern implementation examples
- NestJS and Express project structure with Clean Architecture
- Dependency injection and module organization
- Repository pattern and service layer implementation
- Combining SOLID, Hexagonal, and DDD patterns in Node.js
frontend-integration.md
Frontend architecture pattern implementation examples
- React and Redux project structure with SOLID principles
- Component layer separation and dependency inversion
- State management with clean architecture boundaries
- Combining patterns with Astro and React projects
Cross-Reference Map
- backend-integration.md → Complements SKILL.md by showing full backend implementations (NestJS, Express) of patterns described in the main skill
- frontend-integration.md → Complements SKILL.md by showing full frontend implementations (React, Redux, Astro) of patterns described in the main skill
- Related skills: solid, clean-architecture, hexagonal-architecture, domain-driven-design, result-pattern, mediator-pattern