Lewati ke konten
Documentation HIMARPL

Pengantar Infrastruktur

HIMARPL memanfaatkan infrastruktur cloud modern untuk membangun aplikasi yang handal, dapat ditingkatkan, dan mudah dipelihara.

Proyek Inti

Diagram Komponen Proyek Utama

Proyek utama kami mengikuti pola arsitektur yang konsisten:

Arsitektur Tiga Lapisan

Setiap proyek menerapkan arsitektur tiga lapisan:

1. Lapisan Front-end (React)

UI modern dibangun dengan:

2. Lapisan Tengah (T3 Stack)

Integrasi type-safe back-end menggunakan:

3. Lapisan Back-end (Next.js API Routes)

Logika server-side dengan:

Infrastruktur Bersama

Layanan inti yang digunakan di semua proyek:

Basis Data (CockroachDB)

  • Basis data SQL terdistribusi
  • Menangani cross-project data

Analitik (PostHog)

  • Pelacakan user behavior
  • Pemantauan kinerja
  • Analitik terpusat

Rate Limiting (Upstash)

  • Rate limiting berbasis Redis
  • Rate limiting API

Proyek Khusus Acara

Diagram Komponen Proyek Diperluas

Kami memelihara proyek ringan untuk acara dan kebutuhan sementara:

  • lomba-himarpl - Situs web kompetisi
  • mabim-himarpl - Situs web orientasi mahasiswa

Ini menggunakan teknologi front-end only yang disederhanakan:

  • Next.js + React
  • Styling TailwindCSS
  • Komponen Shadcn/UI
  • Animasi Motion

Platform Bot (Phoenix-chan)

Diagram Komponen Bot HIMARPL

Bot Telegram kami menggunakan arsitektur khusus:

Komponen

  1. Dasbor Front-end

  2. T3 Stack Inti

    • TypeScript
    • Routing Next.js
    • Drizzle ORM
    • Upstash Rate limiting

  3. Layanan Bot

    • Penangan webhook
    • Prosedur perintah
    • Integrasi API Telegram

Layanan Eksternal

Penerapan

Kami menggunakan Vercel untuk Deployment dengan:

  • 🚀 Produksi Deployment yang otomatis
  • 🔍 Pratinjau Deployment untuk PR (Pull Request)
  • ⚡️ Dukungan Edge Functions