An internal knowledge management portal for PPM Manajemen built with Next.js, centralizing training and seminar content alongside a sharing session scheduling system — designed to make organizational knowledge easy to archive, discover, and reuse.
Key Features
- Video Archive Portal — Training and seminar video content organized by year and category, with search functionality for quick discovery
- Sharing Session Calendar — Scheduling feature with modal-based forms, a grid card layout for browsing sessions, and a dedicated registration page for attendees
- Media Management — Cloudinary integration for thumbnail handling, keeping media delivery fast and consistent
- Componentized Landing Page — Modular landing page architecture for easier iteration and content updates
Tech Stack
- Frontend: Next.js, React
- Backend/Infra: Redis (Upstash, Singapore region) for caching
- Media: Cloudinary (thumbnail generation & delivery)
- Deployment: Private GitHub repository (kmppm org)
Key Technical Implementation
- Regional Redis Deployment — Provisioned a dedicated Upstash Redis instance in the Singapore region to minimize latency for local users
- Modal-Driven Form Architecture — Sharing session creation/registration built around modal forms, keeping the flow lightweight without full page navigations
- Cloudinary Thumbnail Pipeline — Integrated Cloudinary for automated thumbnail generation and delivery across the video archive and session calendar
- Content Taxonomy System — Video archive organized by year/category with search, structuring a growing content library for scalability
