Documentation
v1.0.0GitHub
Technical Specification
🛠️
Tech Stack Block
Define the technologies, frameworks, and tools to be used
Preview
🛠️
Tech Stack
Frontend:
• React 18 with TypeScript
• Next.js 15 (App Router)
• Tailwind CSS v4
• Framer Motion for animations
Backend:
• Node.js with Express
• tRPC for type-safe APIs
• Prisma ORM
• Redis for caching
Database:
• PostgreSQL (primary)
• Redis (caching & sessions)
Tools:
• Vite for bundling
• ESLint + Prettier
• Vitest for testing
• Docker for containerization
Usage
When to use Tech Stack blocks
- Define the specific technologies and frameworks for a project
- Establish technical requirements and constraints
- Align team on technology choices and versions
- Document architecture decisions and rationale
- Guide development environment setup
- Ensure consistency across different parts of the system
Stack Categories
Frontend
UI frameworks, styling, state management, and client-side tools
Backend
Server frameworks, APIs, middleware, and service architecture
Database
Data storage, caching, search engines, and data processing
DevOps
Build tools, deployment, monitoring, and infrastructure
Best practices
- Specify exact versions for critical dependencies
- Group technologies by layer or function
- Include brief rationale for key technology choices
- Consider team expertise and learning curve
- Balance modern features with stability requirements
- Document any experimental or cutting-edge choices
Tech Stack Examples
Modern Full-Stack Web App
Frontend:
• React 18.3+ with TypeScript 5.x
• Next.js 15 (App Router, RSC)
• Tailwind CSS v4 with shadcn/ui
• Zustand for state management
Backend:
• Next.js API Routes / tRPC
• Prisma ORM with PostgreSQL
• NextAuth.js for authentication
• Zod for validation
Infrastructure:
• Vercel for hosting
• Supabase for database
• Cloudinary for media
• Stripe for payments
Enterprise API Backend
Core:
• Node.js 20.x LTS
• Express.js with Helmet security
• TypeScript with strict mode
• GraphQL with Apollo Server
Data Layer:
• PostgreSQL 15+ (primary)
• Redis 7.x (caching/sessions)
• Elasticsearch (search)
• TypeORM with migrations
DevOps:
• Docker + Kubernetes
• GitHub Actions CI/CD
• Prometheus + Grafana monitoring
• AWS ECS deployment
API Reference
Block Properties
typestringFixed value: "tech-stack"
contentTechStackContentStructured object containing categorized technologies
•
frontend: string[] - UI frameworks and tools•
backend: string[] - Server-side technologies•
database: string[] - Data storage solutions•
tools: string[] - Development and deployment tools•
deployment: string[] - Hosting and infrastructure