Appearance
Framework Implementation Guides
Practical implementation of our architectural principles across different technology stacks
Available Frameworks
Backend Frameworks
NestJS Implementation Guide
Complete guide to building NestJS applications with Clean Architecture, including:
- Modular monolith architecture
- Clean Architecture implementation
- Repository pattern
- Unit testing
- Integration testing
Frontend Frameworks
React Design Guidelines
Component design patterns and UI/UX standards for React applications
- Component architecture
- State management patterns
- Testing strategies
- Performance optimization
Next.js Best Practices
Configuration, optimization, and development practices for Next.js applications
- Project structure
- Server-side rendering patterns
- API routes design
- Deployment strategies
Vite Best Practices
Configuration, optimization, and development practices for Vite-based React applications
- Build optimization
- Development workflow
- Module federation
- Testing setup
Choosing a Framework
Backend Development
- NestJS - Enterprise-grade Node.js applications with TypeScript, dependency injection, and modular architecture
- Express (coming soon) - Lightweight, flexible Node.js applications
- Fastify (coming soon) - High-performance Node.js applications
Frontend Development
- React - Complex, interactive user interfaces with component-based architecture
- Next.js - Full-stack React applications with SSR/SSG capabilities
- Vite + React - Fast development experience for SPAs
Common Principles
All our framework implementations follow these core concepts:
- Clean Architecture - Separation of concerns and dependency management
- Modular Design - Bounded contexts and module isolation
- Testing Strategy - Comprehensive testing at all levels
Contributing
When adding new framework guides:
- Follow the established structure (domain, use cases, infrastructure)
- Link to relevant concept documents
- Provide concrete, runnable examples
- Include testing strategies specific to the framework