Vonis Rakyat Online
Interactive National News Portal & Digital Magazine Platform
National news portal featuring digital magazine editions, comments, reactions, bookmarks, and strict separation between Next.js 16 and a Go Fiber REST API.
- Role
- Full-Stack Developer
- Year
- 2026
- Production Domain
- vonisrakyat.online
Context & Challenge
A national news platform required fast reading performance, secure cross-service authentication, editorial audit trails, and automated WebP media optimization.
Architecture & Solution
Centralized all business logic in a Go Fiber v2 API authenticated via shared HMAC SHA-256 JWTs, paired with GORM, WebP image processing, and editorial AI helpers.
Key Implementation Details
- Next.js 16 App Router frontend with strict TypeScript and TanStack React Query caching.
- Interactive digital magazine editions rendered with @react-pdf/renderer.
- Go backend with automated WebP conversion, administrative audit logs, and Gemini/OpenAI integration.
System Architecture Flow
Next.js 16 + Shadcn UI + React-PDF
Delivers articles, topic filtering, reader bookmarks, and digital magazine views.
- App Router
- TanStack Query
- Jest
- Tailwind CSS
Nginx Reverse Proxy
Serves reader traffic, routes API calls, and proxies optimized media assets.
- Nginx
- S3 Proxy
- PM2
Go Fiber v2 + JSend API + Media Pipeline
Handles articles, magazine editions, comments, reactions, audit logs, and AI assistance.
- GORM
- HMAC JWT
- WebP Encoder
- Generative AI Go
PostgreSQL + S3 / MinIO
Stores relational editorial content alongside media assets and magazine PDFs.
- PostgreSQL
- AWS S3 SDK
Technology Stack
- Next.js 16
- TypeScript
- Shadcn UI
- React Query
- Go
- Fiber v2
- PostgreSQL
- OpenAI / Gemini
Next Case Study
07 / Pena Novel