- Framework: Next.js
- UI: ShadCN + TailwindCSS
- Database: MongoDB (with Drizzle ORM)
-
Query Management
- TanStack Query (React Query) – Best for API data fetching, caching, and synchronization.
-
State Management
- Zustand – Simple, scalable, and lightweight. (Lightweight global state)
-
Caching
- Client-Side: TanStack Query – Caching for API requests. (Automatic query caching)
- Server-Side: Redis – For backend caching (Rate limiting + session storage).
-
Performance Optimizations
- Lodash debounce: API middleware using
lodash.throttle - React-use: Custom
useDebouncehook. (UI Interactions)
- Lodash debounce: API middleware using
-
API Management
- Hono.dev – Lightweight, fast, works well with Edge and Serverless environments.
- Validation: Zod
- Documentation: Swagger UI auto-generation
-
Authentication & Authorization
- BetterAuth – Better Auth Alternate (
npm add better-auth) - Helmet.js – Adds security headers.
- BetterAuth – Better Auth Alternate (
-
File Uploads & Storage
- AWS S3
- UploadThing – Easy file uploads for Next.js
- Sharp.js – For image processing and optimization
-
CI/CD Pipelines
- GitHub Actions – Automate testing, linting, and deployment
- Docker – For containerization (if needed)
-
Logging & Monitoring
- Pino / Winston – Fast logging for backend
- Sentry – Error tracking for both frontend and backend
- Logtail – Cloud-based logging
-
Documentation & Developer Experience
- just-the-docs – For project structure documentation
- Swagger (for Hono) – API documentation
- ESLint + Prettier + Husky – Code linting and formatting
-
Testing Setup
- Jest + React Testing Library – For unit and integration tests
- Cypress / Playwright – For end-to-end testing
being done parallely at wstack-docs