Pena Novel
Bilingual Web Novel Platform with 3D Flip Book Reader
Interactive platform for reading and publishing web novels featuring bilingual ID/EN support, a 3D flip-book reader, Firebase auth, and a Go backend.
- Role
- Full-Stack Engineer
- Year
- 2026
- Production Domain
- penanovel.web.id
Context & Challenge
Digital fiction readers needed an engaging page-turning experience beyond plain scrolling, along with bilingual navigation and light/dark reading themes.
Architecture & Solution
Built a Next.js 16 application using `next-intl` (ID/EN), `next-themes`, and a 3D `page-flip` reader connected to a Go API backend.
Key Implementation Details
- Interactive 3D Flip Book reader built with page-flip and react-pageflip.
- Full Indonesian and English localization via next-intl plus light/dark reading themes.
- Firebase authentication integrated with a dedicated Go backend and MinIO storage.
System Architecture Flow
Next.js 16 + next-intl + 3D PageFlip
Delivers novel discovery, author publishing tools, reading themes, and 3D page-turn reading.
- React 19
- next-themes
- Zustand
- Sonner
Nginx Reverse Proxy
Routes public web and API traffic while serving novel cover assets.
- Nginx
- PM2
Go Binary Service + Firebase Admin SDK
Verifies user tokens and manages chapters, bookshelves, and reading progress.
- Go
- Firebase Admin
- REST API
PostgreSQL + MinIO
Persists novel metadata, chapter text, and cover imagery.
- PostgreSQL
- MinIO
Technology Stack
- Next.js 16
- next-intl
- page-flip
- Firebase
- React Query
- Zustand
- Go
Next Case Study
08 / EduQuran Backend API