Vonis Rakyat Online
Portal Berita Nasional Interaktif & Edisi Majalah Digital
Portal berita nasional dengan edisi majalah PDF, sistem komentar, reaksi, bookmark, dan pemisahan penuh antara Next.js 16 frontend dan REST API Go Fiber.
- Peran
- Full-Stack Developer
- Tahun
- 2026
- Domain Produksi
- vonisrakyat.online
Konteks & Tantangan
Portal berita membutuhkan pemuatan cepat untuk pembaca, autentikasi aman lintas frontend-backend, serta sistem redaksi lengkap dengan audit trail dan pengolahan gambar WebP otomatis.
Solusi & Keputusan Arsitektur
Menghapus akses database langsung di Next.js dan memusatkan seluruh logika pada API Go Fiber v2 dengan shared HMAC SHA-256 JWT, GORM, konversi WebP, serta integrasi AI editorial.
Implementasi & Kapabilitas Kunci
- Frontend Next.js 16 (App Router) dengan TypeScript ketat (bebas tipe any) dan React Query.
- Fitur majalah digital interaktif berbasis @react-pdf/renderer.
- Backend Go dengan konversi gambar WebP, audit logging redaksi, dan integrasi Gemini/OpenAI.
Alur Arsitektur Sistem
Next.js 16 + Shadcn UI + React-PDF
Menyajikan berita, pencarian kategori/tag, bookmark pembaca, dan tampilan edisi majalah.
- App Router
- TanStack Query
- Jest
- Tailwind CSS
Nginx Reverse Proxy
Menyajikan portal pembaca, mengarahkan permintaan API, dan men-proxy aset media.
- Nginx
- S3 Proxy
- PM2
Go Fiber v2 + JSend API + Media Pipeline
Mengelola artikel, edisi majalah, komentar, reaksi, log audit, dan asistensi AI.
- GORM
- HMAC JWT
- WebP Encoder
- Generative AI Go
PostgreSQL + S3 / MinIO
Menyimpan konten berita relasional serta arsip gambar dan PDF majalah.
- PostgreSQL
- AWS S3 SDK
Teknologi yang Digunakan
- Next.js 16
- TypeScript
- Shadcn UI
- React Query
- Go
- Fiber v2
- PostgreSQL
- OpenAI / Gemini
Studi Kasus Berikutnya
07 / Pena Novel