Tech Stack Overview
HIMARPL projects are built using modern web technologies, primarily centered around the T3 Stack. Here’s a detailed breakdown of our technology choices:
Core Technologies
Frontend (ReactJS)
- Framework: Next.js 16 (App Router)
- Styling: TailwindCSS
- Components: Shadcn/UI
- Animation: Framer Motion
- Data Fetching: Axios
T3 Stack (Middle Layer)
- Language: TypeScript
- Framework: Next.js
- API Layer: tRPC
- Database ORM: Drizzle
- Authentication: NextAuth.js
Backend (NextJS API Route)
- API Gateway: NextJS API Routes
- Type Safety: tRPC Router & Procedures
- Integration: @tRPC Next
- Proxy: Reverse proxy for analytics
Infrastructure Services
Databases
- Main Database: Turso (Distributed SQL)
- Bot Database: PostgreSQL (NeonDB)
- Caching: Redis (Upstash)
Deployment & Hosting
- Platform: Vercel
- CI/CD: GitHub Actions
- Edge Functions: Vercel Edge Runtime
Project-Specific Stacks
Main Projects
(devoria-himarpl, admin-himarpl)
- Full T3 Stack implementation
- Complete three-layer architecture
- Shared services integration
Light Projects
(mabim-himarpl)
- Frontend-only implementation
- NextJS + TailwindCSS
Why T3 Stack?
We chose the T3 Stack (create.t3.gg) for our projects because:
- Type Safety: End-to-end type safety with TypeScript
- Developer Experience: Excellent DX with modern tools
- Performance: Built-in optimizations
- Scalability: Production-ready architecture
- Flexibility: Adaptable for different project needs
Documentation
- Framework: Astro + Starlight
- Deployment: Vercel
- Content: MDX