Skip to content

Infrastructure Overview

HIMARPL leverages modern cloud infrastructure to build reliable, scalable, and maintainable applications.

Core Projects

Main Projects Component Diagram

Our main projects follow a consistent architecture pattern:

Three-Layer Architecture

Each project implements a three-layer architecture:

1. Frontend Layer (React)

Modern UI built with:

2. Middle Layer (T3 Stack)

Type-safe backend integration using:

3. Backend Layer (Next.js API Routes)

Server-side logic with:

Shared Infrastructure

Core services used across all projects:

Database (CockroachDB)

  • Distributed SQL database
  • Handles cross-project data

Analytics (PostHog)

  • User behavior tracking
  • Performance monitoring
  • Centralized analytics

Rate Limiting (Upstash)

  • Redis-based rate limiting
  • API rate limiting

Event-Specific Projects

Extended Projects Component Diagram

We maintain lightweight projects for events and temporary needs:

  • lomba-himarpl - Competition websites
  • mabim-himarpl - Student orientation sites

These use a simplified frontend-only stack:

  • Next.js + React
  • TailwindCSS styling
  • Shadcn/UI components
  • Motion animations

Bot Platform (Phoenix-chan)

Bot HIMARPL Component Diagram

Our Telegram bot uses a specialized architecture:

Components

  1. Frontend Dashboard

  2. T3 Stack Core

    • TypeScript
    • Next.js routing
    • Drizzle ORM
    • Upstash rate limiting
  3. Bot Service

    • Webhook handlers
    • Command procedures
    • Telegram API integration

External Services

Deployment

We use Vercel for deployment with:

  • 🚀 Automated production deployments
  • 🔍 Preview deployments for PRs
  • ⚡️ Edge Functions support