docs: update with current data

rafidhp · rafidhp · commit 9abf4ca3d27c · 2025-11-25T23:20:39.000+07:00
diff --git a/package-lock.json b/package-lock.json
diff --git a/src/content/docs/devoria-himarpl/01-overview.mdx b/src/content/docs/devoria-himarpl/01-overview.mdx
@@ -6,7 +6,7 @@ description: Overview of Devoria Cabinet HIMARPL's Website
 {/* ! When translating this file, please add ../ to the image path ! */}
 ![Devoria-himarpl preview taken November 2024](../../../assets/preview/devoria-himarpl.png)
 
-[himarpl.org](https://devoria.himarpl.org) is the official website for Devori Cabinet, Himpunan Mahasiswa Rekayasa Perangkat Lunak (HIMARPL) at The Education University of Indonesia. The website is built using React with the T3 Stack and is deployed on Vercel.
+[himarpl.org](https://devoria.himarpl.org) is the official website for Devoria Cabinet, Himpunan Mahasiswa Rekayasa Perangkat Lunak (HIMARPL) at The Education University of Indonesia. The website is built using React with the T3 Stack and is deployed on Vercel.
 
 ## Key Features
 
@@ -25,7 +25,7 @@ description: Overview of Devoria Cabinet HIMARPL's Website
   - TypeScript (^5.9.3)
 
 **Database & API**
-  - Prisma (@prisma/client ^5.22.0)
+  - Drizzle (drizzle-orm ^0.44.2)
   - Axios (^1.9.0)
 
 **UI & Styling**
diff --git a/src/content/docs/devoria-himarpl/02-setup.mdx b/src/content/docs/devoria-himarpl/02-setup.mdx
@@ -16,15 +16,15 @@ Before installing the application, ensure you have:
 1. [Node.js](https://nodejs.org/en) and [npm](https://www.npmjs.com/) installed
 2. [Git](https://git-scm.com/) installed
 3. Access to the following services:
-   - CockroachDB account
+   - Turso account
 
 ## Environment Setup Details
 
 The project requires several environment variables to be set up in a `.env` file for proper functionality.
 
-### CockroachDB Setup
+### Turso Setup
 
-Follow the [CockroachDB Quickstart Guide](https://www.cockroachlabs.com/docs/cockroachcloud/quickstart) to get your `DATABASE_URL`.
+Follow the [Turso Quickstart Guide](https://docs.turso.tech/tursodb/quickstart) to get your `DATABASE_URL`.
 
 ## Setup Steps
 
@@ -102,7 +102,6 @@ Follow the [CockroachDB Quickstart Guide](https://www.cockroachlabs.com/docs/coc
 
    ```bash
    npm ci              # Install dependencies
-   npm run db:push     # Push database schema to CockroachDB
    npm run dev         # Start development server
    ```
 
@@ -138,6 +137,4 @@ Follow the [CockroachDB Quickstart Guide](https://www.cockroachlabs.com/docs/coc
 - `npm run dev` - Starts development server with hot reload
 - `npm run build` - Creates production build
 - `npm run start` - Starts production server
-- `npm run db:push` - Pushes database schema to CockroachDB
-- `npm run db:studio` - Opens Prisma Studio for database management
 - `npm run lint` - Runs linting checks
diff --git a/src/content/docs/devoria-himarpl/03-folder-structure.mdx b/src/content/docs/devoria-himarpl/03-folder-structure.mdx
@@ -9,9 +9,12 @@ import { FileTree } from '@astrojs/starlight/components';
 - public/ # Static assets (images, fonts, etc.)
 - src/ # Main source code directory
   - components/ # UI Components
+  - data/ # Mock Data
+  - hooks/ # Custom React Hooks
   - layouts/ # Main Layout
   - lib/ # SEO
-  - pages/ #Here lies a pages
+  - pages/ # Here lies a pages
+  - services/ # API calls
   - App.css
   - App.jsx
   - index.css
diff --git a/src/content/docs/getting-started/01-introduction.mdx b/src/content/docs/getting-started/01-introduction.mdx
@@ -9,7 +9,7 @@ Welcome to the official documentation for HIMARPL's open-source projects! This d
 
 ## What is HIMARPL?
 
-HIMARPL (Himpunan Mahasiswa Rekayasa Perangkat Lunak) is the Software Engineering Student Association at the Education University of Indonesia. We maintain several open-source projects that power our organization's digital infrastructure, from our main website to medium-like blog platforms for our staff and collaborators.
+HIMARPL (Himpunan Mahasiswa Rekayasa Perangkat Lunak) is the Software Engineering Student Association at the Education University of Indonesia. We maintain several open-source projects that power our organization's digital infrastructure, from our main website to our admin platform, aspiration platform, and event platforms such as a medium for event organizers and attendees to share and discover information.
 
 ## Who is this for?
 
@@ -42,7 +42,7 @@ This documentation is designed for:
 
 HIMARPL projects primarily use modern web technologies:
 
-- **Fullstack**: Next.js, Tailwind CSS, Prisma, T3 Stack
+- **Fullstack**: Next.js, Tailwind CSS, Drizzle, T3 Stack
 - **Documentation**: Astro, Starlight
 - **Deployment**: Vercel, GitHub Actions
 
diff --git a/src/content/docs/getting-started/04-staff-guide.mdx b/src/content/docs/getting-started/04-staff-guide.mdx
@@ -19,13 +19,13 @@ Here's a concise list of technologies that new Kominfo staff need to learn:
 2. **Backend & API** 🔧
    - <a href="https://trpc.io/docs" target="_blank" rel="noopener noreferrer">tRPC</a>
    - <a href="https://create.t3.gg/docs" target="_blank" rel="noopener noreferrer">T3 Stack</a>
-   - <a href="https://www.prisma.io/docs" target="_blank" rel="noopener noreferrer">Prisma ORM</a>
+   - <a href="https://orm.drizzle.team/docs" target="_blank" rel="noopener noreferrer">Drizzle ORM</a>
    - <a href="https://next-auth.js.org/" target="_blank" rel="noopener noreferrer">NextAuth.js</a>
    - <a href="https://restfulapi.net/" target="_blank" rel="noopener noreferrer">REST API concepts</a>
 
 3. **Database** 💾
    - <a href="https://www.postgresql.org/docs/" target="_blank" rel="noopener noreferrer">PostgreSQL</a>
-   - <a href="https://www.cockroachlabs.com/docs/" target="_blank" rel="noopener noreferrer">CockroachDB</a>
+   - <a href="https://docs.turso.tech" target="_blank" rel="noopener noreferrer">Turso</a>
    - <a href="https://www.prisma.io/dataguide/types/relational/what-is-an-orm" target="_blank" rel="noopener noreferrer">Database Schema Design</a>
 
 4. **Frontend** 🎨
@@ -34,7 +34,7 @@ Here's a concise list of technologies that new Kominfo staff need to learn:
    - <a href="https://www.typescriptlang.org/docs/" target="_blank" rel="noopener noreferrer">TypeScript</a>
    - <a href="https://tailwindcss.com/docs" target="_blank" rel="noopener noreferrer">TailwindCSS</a>
    - <a href="https://ui.shadcn.com/" target="_blank" rel="noopener noreferrer">Shadcn/UI</a>
-   - <a href="https://motion.dev/docs" target="_blank" rel="noopener noreferrer">Motion</a>
+   - <a href="https://framer.com/developers" target="_blank" rel="noopener noreferrer">Framer Motion</a>
 
 5. **Deployment & Infrastructure** ☁️
    - <a href="https://vercel.com/docs" target="_blank" rel="noopener noreferrer">Vercel</a>
diff --git a/src/content/docs/id/devoria-himarpl/01-overview.mdx b/src/content/docs/id/devoria-himarpl/01-overview.mdx
@@ -27,7 +27,7 @@ description: Pengantar untuk Website Kabinet Devoria milik HIMARPL
 
 **Basis Data & API**
 
-- Prisma (@prisma/client ^5.22.0)
+- Prisma (drizzle-orm ^0.44.2)
 - Axios (^1.9.0)
 
 **UI & Styling**
diff --git a/src/content/docs/id/devoria-himarpl/02-setup.mdx b/src/content/docs/id/devoria-himarpl/02-setup.mdx
@@ -16,15 +16,15 @@ Sebelum menginstal aplikasi, pastikan Anda memiliki:
 1. [Node.js](https://nodejs.org/en) dan [npm](https://www.npmjs.com/) terinstal
 2. [Git](https://git-scm.com/) terinstal
 3. Akses ke layanan berikut:
-  - Akun CockroachDB
+  - Akun Turso
 
 ## Detail Pengaturan Lingkungan
 
 Proyek ini memerlukan beberapa _environment variable_ yang harus diatur dalam _file_ `.env` agar berfungsi dengan baik.
 
-### Pengaturan CockroachDB
+### Pengaturan Turso
 
-Ikuti [Panduan Cepat CockroachDB](https://www.cockroachlabs.com/docs/cockroachcloud/quickstart) untuk mendapatkan `DATABASE_URL` Anda.
+Ikuti [Panduan Cepat Turso](https://docs.turso.tech/tursodb/quickstart) untuk mendapatkan `DATABASE_URL` Anda.
 
 ## Langkah-langkah Pengaturan
 
@@ -102,7 +102,6 @@ Ikuti [Panduan Cepat CockroachDB](https://www.cockroachlabs.com/docs/cockroachcl
 
    ```bash
    npm ci              # Install dependencies
-   npm run db:push     # Push database schema to CockroachDB
    npm run dev         # Start development server
    ```
 
@@ -138,6 +137,4 @@ Ikuti [Panduan Cepat CockroachDB](https://www.cockroachlabs.com/docs/cockroachcl
 - `npm run dev` - Memulai server pengembangan dengan _hot reload_
 - `npm run build` - Membuat _build_ produksi
 - `npm run start` - Memulai server produksi
-- `npm run db:push` - Mendorong skema basis data ke CockroachDB
-- `npm run db:studio` - Membuka Prisma Studio untuk manajemen basis data
 - `npm run lint` - Menjalankan pemeriksaan _linting_
diff --git a/src/content/docs/id/devoria-himarpl/03-folder-structure.mdx b/src/content/docs/id/devoria-himarpl/03-folder-structure.mdx
@@ -9,9 +9,12 @@ import { FileTree } from '@astrojs/starlight/components';
 - public/ # Static assets (images, fonts, etc.)
 - src/ # Main source code directory
   - components/ # UI Components
+  - data/ # Mock Data
+  - hooks/ # Custom React Hooks
   - layouts/ # Main Layout
   - lib/ # SEO
-  - pages/ #Here lies a pages
+  - pages/ # Here lies a pages
+  - services/ # API calls
   - App.css
   - App.jsx
   - index.css
diff --git a/src/content/docs/id/getting-started/01-introduction.mdx b/src/content/docs/id/getting-started/01-introduction.mdx
@@ -9,7 +9,7 @@ Selamat datang di dokumentasi resmi untuk proyek _open-source_ milik HIMARPL! Do
 
 ## Apa itu HIMARPL?
 
-HIMARPL (Himpunan Mahasiswa Rekayasa Perangkat Lunak) adalah Himpunan Mahasiswa Rekayasa Perangkat Lunak yang ada di Universitas Pendidikan Indonesia. Kami memelihara beberapa proyek _open-source_ yang mendukung infrastruktur digital organisasi kami, mulai dari situs web utama kami hingga platform blog mirip Medium untuk staf dan kolaborator kami.
+HIMARPL (Himpunan Mahasiswa Rekayasa Perangkat Lunak) adalah Himpunan Mahasiswa Rekayasa Perangkat Lunak yang ada di Universitas Pendidikan Indonesia. Kami memelihara beberapa proyek _open-source_ yang mendukung infrastruktur digital organisasi kami, mulai dari situs web utama hingga platform admin, platform aspirasi, dan platform event seperti media untuk penyelenggara dan peserta event berbagi dan menemukan informasi.
 
 ## Untuk siapakah ini?
 
@@ -42,7 +42,7 @@ Dokumentasi ini didesain untuk:
 
 Proyek HIMARPL telah menggunakan teknologi web yang sudah modern, seperti:
 
-- **Fullstack**: Next.js, Tailwind CSS, Prisma, T3 Stack
+- **Fullstack**: Next.js, Tailwind CSS, Drizzle, T3 Stack
 - **Dokumentasi**: Astro, Starlight
 - **Deployment**: Vercel, GitHub Actions
 
diff --git a/src/content/docs/id/getting-started/04-staff-guide.mdx b/src/content/docs/id/getting-started/04-staff-guide.mdx
@@ -19,13 +19,13 @@ Berikut adalah daftar singkat teknologi yang perlu dipelajari oleh staf baru Kom
 2. **Backend & API** 🔧
    - <a href="https://trpc.io/docs" target="_blank" rel="noopener noreferrer">tRPC</a>
    - <a href="https://create.t3.gg/docs" target="_blank" rel="noopener noreferrer">T3 Stack</a>
-   - <a href="https://www.prisma.io/docs" target="_blank" rel="noopener noreferrer">Prisma ORM</a>
+   - <a href="https://orm.drizzle.team/docs" target="_blank" rel="noopener noreferrer">Drizzle ORM</a>
    - <a href="https://next-auth.js.org/" target="_blank" rel="noopener noreferrer">NextAuth.js</a>
    - <a href="https://restfulapi.net/" target="_blank" rel="noopener noreferrer">Konsep REST API</a>
 
 3. **Database** 💾
    - <a href="https://www.postgresql.org/docs/" target="_blank" rel="noopener noreferrer">PostgreSQL</a>
-   - <a href="https://www.cockroachlabs.com/docs/" target="_blank" rel="noopener noreferrer">CockroachDB</a>
+   - <a href="https://docs.turso.tech" target="_blank" rel="noopener noreferrer">Turso</a>
    - <a href="https://www.prisma.io/dataguide/types/relational/what-is-an-orm" target="_blank" rel="noopener noreferrer">Desain skema database</a>
 
 4. **Front-end** 🎨
@@ -34,7 +34,7 @@ Berikut adalah daftar singkat teknologi yang perlu dipelajari oleh staf baru Kom
    - <a href="https://www.typescriptlang.org/docs/" target="_blank" rel="noopener noreferrer">TypeScript</a>
    - <a href="https://tailwindcss.com/docs" target="_blank" rel="noopener noreferrer">TailwindCSS</a>
    - <a href="https://ui.shadcn.com/" target="_blank" rel="noopener noreferrer">Shadcn/UI</a>
-   - <a href="https://motion.dev/docs" target="_blank" rel="noopener noreferrer">Motion</a>
+   - <a href="https://framer.com/developers" target="_blank" rel="noopener noreferrer">Framer Motion</a>
 
 5. **Deployment & Infrastruktur** ☁️
    - <a href="https://vercel.com" target="_blank" rel="noopener noreferrer">Vercel</a>
diff --git a/src/content/docs/id/overview/01-infrastructure.mdx b/src/content/docs/id/overview/01-infrastructure.mdx
@@ -25,7 +25,7 @@ UI modern dibangun dengan:
 
 - 🎨 [TailwindCSS](https://tailwindcss.com/) - _Styling_ berbasis utilitas
 - 🧩 [Shadcn/UI](https://ui.shadcn.com/docs) - Komponen yang dapat digunakan kembali
-- ✨ [Motion](https://motion.dev) - Animasi halus
+- ✨ [Framer Motion](https://framer.com/docs) - Animasi halus
 - 🔄 [Axios](https://axios-http.com/docs/intro) - Pengambilan data
 
 #### 2. Lapisan Tengah ([T3 Stack](https://create.t3.gg/))
@@ -35,7 +35,7 @@ Integrasi _type-safe_ _back-end_ menggunakan:
 - [TypeScript](https://www.typescriptlang.org/) - _Type-Safety_
 - [Next.js](https://nextjs.org/) - _Framework_ React
 - [tRPC](https://trpc.io/) - API dengan _type-safe end-to-end_
-- [Prisma](https://www.prisma.io/) - ORM basis data
+- [Drizzle](https://orm.drizzle.team) - ORM basis data
 - [NextAuth](https://next-auth.js.org/) - Otentikasi
 
 #### 3. Lapisan Back-end (Next.js API Routes)
@@ -51,7 +51,7 @@ Logika _server-side_ dengan:
 
 Layanan inti yang digunakan di semua proyek:
 
-#### Basis Data ([CockroachDB](https://www.cockroachlabs.com/))
+#### Basis Data ([Turso](https://docs.turso.tech/))
 
 - Basis data SQL terdistribusi
 - Menangani _cross-project_ data 
@@ -75,7 +75,7 @@ Ini menggunakan teknologi _front-end only_ yang disederhanakan:
 - Next.js + React
 - Styling TailwindCSS
 - Komponen Shadcn/UI
-- Animasi Motion
+- Animasi Framer Motion
 
 ## Penerapan
 
diff --git a/src/content/docs/id/overview/02-tech-stack.mdx b/src/content/docs/id/overview/02-tech-stack.mdx
@@ -20,9 +20,7 @@ Proyek HIMARPL dibangun menggunakan teknologi web modern, terutama berpusat pada
 - **Bahasa**: TypeScript
 - **Framework**: Next.js
 - **Lapisan API**: tRPC
-- **ORM Database**:
-  - Prisma (Proyek utama)
-  - Drizzle (Proyek Bot)
+- **ORM Database**: Drizzle
 - **Otentikasi**: NextAuth.js
 
 ### Backend (NextJS API Route)
@@ -36,7 +34,7 @@ Proyek HIMARPL dibangun menggunakan teknologi web modern, terutama berpusat pada
 
 ### Basis Data
 
-- **Basis Data Utama**: CockroachDB (Distributed SQL)
+- **Basis Data Utama**: Turso (Distributed SQL)
 - **Basis Data Bot**: PostgreSQL (NeonDB)
 - **Caching**: Redis (Upstash)
 
diff --git a/src/content/docs/id/overview/03-configuration-secrets.mdx b/src/content/docs/id/overview/03-configuration-secrets.mdx
@@ -11,7 +11,7 @@ Manajemen konfigurasi dan rahasia yang tepat sangat penting untuk keamanan dan p
 **Catatan Penting untuk Staf Kominfo**
 
 Semua _Environment Variable_ disimpan di [Google Drive utama HIMARPL](https://drive.google.com).
-Terdapat di folder `/KABINET ASCENDIA 2024/BADAN EKSEKUTIF/DEPT. KOMINFO/Data/Environment Variables`.
+Terdapat di folder `/KABINET DEVORIA 2025/BADAN EKSEKUTIF/DEPT. KOMINFO/Data/Environment Variables`.
 :::
 
 Untuk setiap proyek, terdapat _file_ `.env.example`. Anda dapat menggunakan ini sebagai _template_ untuk membuat _file_ `.env` untuk _Local Environment_ Anda.
diff --git a/src/content/docs/id/overview/04-database-schema.mdx b/src/content/docs/id/overview/04-database-schema.mdx
diff --git a/src/content/docs/overview/01-infrastructure.mdx b/src/content/docs/overview/01-infrastructure.mdx
diff --git a/src/content/docs/overview/02-tech-stack.mdx b/src/content/docs/overview/02-tech-stack.mdx
diff --git a/src/content/docs/overview/03-configuration-secrets.mdx b/src/content/docs/overview/03-configuration-secrets.mdx
diff --git a/src/content/docs/overview/04-database-schema.mdx b/src/content/docs/overview/04-database-schema.mdx
