BMAD-METHOD/docs/navigation/technology-map.md

359 lines
9.9 KiB
Markdown

# BMAD Method Technology Navigation Map
## Overview
This map provides technology-specific navigation paths for the BMAD Method, organizing documentation and resources by technology stack while maintaining cross-platform integration guidance.
## Supported Technology Stacks
### React
**Technology Focus**: Modern React development with hooks, context, and component patterns
**Documentation Structure**:
```
technology/react/
README.md # React-specific BMAD guidance
getting-started/ # React setup and configuration
project-setup.md
development-environment.md
best-practices.md
patterns/ # React-specific patterns
component-patterns.md
state-management.md
routing-patterns.md
testing-patterns.md
integration/ # React integration guidance
api-integration.md
backend-communication.md
cross-platform.md
deployment/ # React deployment
build-optimization.md
static-hosting.md
cdn-deployment.md
examples/ # React examples
basic-components.md
complex-applications.md
integration-examples.md
troubleshooting/ # React-specific issues
common-issues.md
performance-issues.md
debugging-guide.md
```
**Persona Integration**:
- **Technical Documentation Architect**: React component documentation
- **DevOps Specialist**: React build and deployment
- **Integration Specialist**: React API integration
- **Code Review Specialist**: React code quality standards
**Key Resources**:
- [React Component Documentation Template](../templates/react-component-docs.md)
- [React Integration Patterns](../examples/react-integrations/)
- [React Deployment Guide](../deployment/react-deployment.md)
### TypeScript
**Technology Focus**: Type-safe development across frontend and backend
**Documentation Structure**:
```
technology/typescript/
README.md # TypeScript-specific BMAD guidance
getting-started/ # TypeScript setup
configuration.md
compiler-options.md
project-structure.md
patterns/ # TypeScript patterns
type-definitions.md
generic-patterns.md
utility-types.md
advanced-types.md
integration/ # TypeScript integration
frontend-backend.md
api-types.md
shared-types.md
quality/ # TypeScript quality
linting-rules.md
testing-types.md
documentation.md
examples/ # TypeScript examples
basic-types.md
complex-applications.md
cross-platform-types.md
troubleshooting/ # TypeScript issues
compiler-errors.md
type-errors.md
performance-issues.md
```
**Persona Integration**:
- **Technical Documentation Architect**: TypeScript API documentation
- **Integration Specialist**: Type-safe integration patterns
- **Code Review Specialist**: TypeScript code quality and type safety
- **Performance Specialist**: TypeScript compilation optimization
### Node.js
**Technology Focus**: Server-side JavaScript development and API creation
**Documentation Structure**:
```
technology/nodejs/
README.md # Node.js-specific BMAD guidance
getting-started/ # Node.js setup
environment-setup.md
package-management.md
project-structure.md
patterns/ # Node.js patterns
api-patterns.md
middleware-patterns.md
error-handling.md
async-patterns.md
integration/ # Node.js integration
database-integration.md
external-apis.md
microservices.md
frontend-integration.md
deployment/ # Node.js deployment
containerization.md
cloud-deployment.md
monitoring.md
scaling.md
examples/ # Node.js examples
rest-apis.md
graphql-apis.md
websocket-servers.md
microservices.md
troubleshooting/ # Node.js issues
performance-issues.md
memory-leaks.md
debugging-guide.md
```
**Persona Integration**:
- **Technical Documentation Architect**: Node.js API documentation
- **DevOps Specialist**: Node.js deployment and monitoring
- **Integration Specialist**: Node.js service integration
- **Performance Specialist**: Node.js performance optimization
### ASP.NET
**Technology Focus**: Enterprise-grade .NET development and web APIs
**Documentation Structure**:
```
technology/aspnet/
README.md # ASP.NET-specific BMAD guidance
getting-started/ # ASP.NET setup
project-setup.md
development-environment.md
configuration.md
patterns/ # ASP.NET patterns
mvc-patterns.md
api-patterns.md
dependency-injection.md
middleware-patterns.md
integration/ # ASP.NET integration
database-integration.md
external-services.md
authentication.md
cross-platform.md
deployment/ # ASP.NET deployment
iis-deployment.md
azure-deployment.md
docker-deployment.md
monitoring.md
examples/ # ASP.NET examples
web-apis.md
mvc-applications.md
microservices.md
integration-examples.md
troubleshooting/ # ASP.NET issues
performance-issues.md
configuration-issues.md
debugging-guide.md
```
**Persona Integration**:
- **Technical Documentation Architect**: ASP.NET API documentation
- **DevOps Specialist**: ASP.NET deployment and IIS configuration
- **Security Specialist**: ASP.NET security implementation
- **Enterprise Architect**: Enterprise ASP.NET patterns
### Python
**Technology Focus**: Python development for APIs, data processing, and automation
**Documentation Structure**:
```
technology/python/
README.md # Python-specific BMAD guidance
getting-started/ # Python setup
environment-setup.md
virtual-environments.md
package-management.md
project-structure.md
patterns/ # Python patterns
api-patterns.md
data-processing.md
async-patterns.md
testing-patterns.md
integration/ # Python integration
database-integration.md
external-apis.md
microservices.md
cross-platform.md
deployment/ # Python deployment
containerization.md
cloud-deployment.md
serverless.md
monitoring.md
examples/ # Python examples
flask-apis.md
fastapi-examples.md
django-applications.md
data-processing.md
troubleshooting/ # Python issues
performance-issues.md
dependency-issues.md
debugging-guide.md
```
**Persona Integration**:
- **Technical Documentation Architect**: Python API documentation
- **DevOps Specialist**: Python deployment and containerization
- **Integration Specialist**: Python service integration
- **Performance Specialist**: Python performance optimization
## Cross-Technology Integration Patterns
### Frontend-Backend Integration
```mermaid title="Frontend-Backend Integration Patterns" type="diagram"
graph TD
REACT[React Frontend]
TS[TypeScript Types]
REACT --> REST_API[REST APIs]
REACT --> GRAPHQL[GraphQL APIs]
REACT --> WEBSOCKET[WebSocket APIs]
REST_API --> NODEJS[Node.js Backend]
REST_API --> ASPNET[ASP.NET Backend]
REST_API --> PYTHON[Python Backend]
GRAPHQL --> NODEJS
GRAPHQL --> ASPNET
GRAPHQL --> PYTHON
WEBSOCKET --> NODEJS
WEBSOCKET --> ASPNET
WEBSOCKET --> PYTHON
TS --> NODEJS
TS --> ASPNET
TS --> PYTHON
```
### Microservices Architecture
```mermaid title="Microservices Technology Distribution" type="diagram"
graph TD
GATEWAY[API Gateway]
GATEWAY --> UI[React UI Service]
GATEWAY --> AUTH[Authentication Service]
GATEWAY --> BIZ[Business Logic Services]
GATEWAY --> DATA[Data Services]
UI --> REACT[React + TypeScript]
AUTH --> NODEJS[Node.js + TypeScript]
BIZ --> NODEJS_BIZ[Node.js Services]
BIZ --> ASPNET_BIZ[ASP.NET Services]
BIZ --> PYTHON_BIZ[Python Services]
DATA --> NODEJS_DATA[Node.js Data Layer]
DATA --> ASPNET_DATA[ASP.NET Data Layer]
DATA --> PYTHON_DATA[Python Data Layer]
```
## Technology-Specific Navigation Paths
### By Development Phase
**Planning Phase**:
1. Technology selection guidance
2. Architecture patterns for each stack
3. Integration planning
4. Performance considerations
**Development Phase**:
1. Setup and configuration guides
2. Development patterns and best practices
3. Testing strategies
4. Code quality standards
**Integration Phase**:
1. Cross-platform integration patterns
2. API design and documentation
3. Data flow and communication
4. Error handling and resilience
**Deployment Phase**:
1. Build and packaging
2. Containerization strategies
3. Cloud deployment options
4. Monitoring and observability
### By Complexity Level
**Beginner**:
- Basic setup and configuration
- Simple patterns and examples
- Getting started guides
- Common troubleshooting
**Intermediate**:
- Advanced patterns and architectures
- Integration scenarios
- Performance optimization
- Security implementation
**Advanced**:
- Complex enterprise scenarios
- Custom patterns and solutions
- Advanced troubleshooting
- Architecture design
### By Use Case
**API Development**:
- REST API patterns for each technology
- GraphQL implementation
- Authentication and authorization
- Documentation and testing
**Full-Stack Development**:
- Frontend-backend integration
- State management
- Real-time communication
- End-to-end testing
**Microservices**:
- Service decomposition
- Inter-service communication
- Data consistency
- Deployment orchestration
**Enterprise Applications**:
- Scalability patterns
- Security compliance
- Integration with legacy systems
- Governance and standards
---
*This technology map provides comprehensive navigation for all supported technology stacks, ensuring developers can find relevant guidance regardless of their chosen technologies while maintaining consistency across the BMAD Method.*