KD Portal
Kementerian Digital Portal (KD Portal) The official web portal for the Ministry of Digital (digital.gov.my), functioning as a centralized landing platform to display information, policies, achievements, and media broadcasts. Built with a modern headless architecture powered by Payload CMS, it empowers the ministry's corporate communications team (UKK) to seamlessly manage content without developer reliance.
Project Links
Portal for Kementerian Digital
Tech Stack (Fullstack)
- NextJS
- Typescript
- React
- NodeJS
- PayloadCMS
- MongoDB Atlas
- Docker
- AWS S3
- AWS SES
- Tailwind CSS
- Radix UI
- Shadcn UI
- Recharts
- i18n
- Git
- Github
- Tinybird
Frontend Contributions
SPLaSK Compliance Integration
- Implemented and configured SPLaSK (Sistem Pemantauan Laman Web dan Servis Kerajaan, the official Malaysian government analytics and tracking system mandated by Jabatan Digital Negara to monitor web quality, security, and accessibility).
- Optimized the frontend structure so that SPLaSK crawlers could successfully find, index, and trigger analytics data.
Security & Version Upgrades
- Proactively tested and guided Next.js version upgrades to patch active Common Vulnerabilities and Exposures (CVEs).
- Rigorously audited main packages to resolve breaking changes, ensuring seamless compatibility between the updated Next.js frontend and the Payload CMS backend.
UI/UX & Mobile Optimization
- Resolved legacy responsive design issues, most notably fixing the mobile rendering of the organizational chart to ensure it was visually accurate and usable on smaller screens.
Tagging Cleanup
- Audited and removed outdated tagging configurations based on direct requests from the ministry, reducing code bloat and streamlining site analytics.
Team Mentorship & Leadership
- Guided and upskilled junior developers on React and Next.js best practices.
- Mentored the team on navigating headless architecture, specifically teaching them how to trace bugs and identify root causes by distinguishing between the Next.js frontend logic and the Payload CMS backend environment.
Frontend Deployment & Platform Management
- Managed the end-to-end deployment lifecycle via Vercel.
- Configured CI/CD integrations with GitHub for automated preview and production deployments, managed environment variables, and ensured zero-downtime releases for all frontend updates.