Pena Novel
Platform Web Novel Bilingual dengan Reader 3D Flip Book
Platform membaca dan menulis cerita digital dengan antarmuka dwibahasa (Indonesia/Inggris), mode baca flip-book 3D, autentikasi Firebase, dan backend Go.
- Peran
- Full-Stack Engineer
- Tahun
- 2026
- Domain Produksi
- penanovel.web.id
Konteks & Tantangan
Pembaca novel digital sering mengalami kelelahan mata pada tampilan teks panjang biasa dan membutuhkan pengalaman membaca yang lebih imersif serta dukungan dua bahasa.
Solusi & Keputusan Arsitektur
Membangun web app Next.js 16 dengan `next-intl` (ID/EN), `next-themes`, dan komponen pembaca `page-flip` 3D yang terhubung ke REST API Go.
Implementasi & Kapabilitas Kunci
- Reader 3D Flip Book interaktif menggunakan page-flip dan react-pageflip.
- Dukungan dwibahasa penuh (id & en) via next-intl serta tema baca terang/gelap.
- Integrasi autentikasi Firebase dan manajemen aset melalui MinIO S3.
Alur Arsitektur Sistem
Next.js 16 + next-intl + 3D PageFlip
Menyajikan katalog novel, editor penulis, pengaturan tema baca, dan animasi flip halaman.
- React 19
- next-themes
- Zustand
- Sonner
Nginx Reverse Proxy
Menangani routing domain utama dan API serta pengiriman aset sampul novel.
- Nginx
- PM2
Go Binary Service + Firebase Admin SDK
Memvalidasi token pengguna, mengelola bab cerita, perpustakaan, dan progres baca.
- Go
- Firebase Admin
- REST API
PostgreSQL + MinIO
Menyimpan metadata novel, bab teks, dan aset visual sampul.
- PostgreSQL
- MinIO
Teknologi yang Digunakan
- Next.js 16
- next-intl
- page-flip
- Firebase
- React Query
- Zustand
- Go
Studi Kasus Berikutnya
08 / EduQuran Backend API