frhn.
← All workSemua proyek

Case studyStudi kasus 02

Website Kampus

Official Institutional Website with Headless CMSWebsite Resmi Institusi dengan Headless CMS

YearTahun
2026
Stack
Next.js · TypeScript · PostgreSQL · Payload CMS · Tailwind
Live
sttpu.ac.id ↗︎
CodeKode
github.com/mchdfrhn/website-kampus ↗︎
Website Kampus screenshot
News listing with category filters
FIG. 02 News listing with category filtersDaftar berita dengan filter kategori
Profiles of the 3 study programs
FIG. 03 Profiles of the 3 study programsProfil 3 program studi

01 ProblemMasalah

No modern campus website — content updates required manual code changes by developers, causing delays and dependency bottlenecks.Kampus belum punya website modern — pembaruan konten harus dilakukan manual oleh developer, menyebabkan keterlambatan dan ketergantungan.

02 What I builtYang saya bangun

Built with Next.js and Payload CMS as headless backend, enabling non-technical staff to manage and publish content independently through an intuitive admin panel. Implemented SEO optimization, responsive design, and automated deployment via CI/CD.Dibangun dengan Next.js dan Payload CMS sebagai headless backend, memungkinkan staf non-teknis mengelola dan mempublikasi konten secara mandiri melalui admin panel intuitif. Mengimplementasikan optimasi SEO, desain responsif, dan deployment otomatis via CI/CD.

03 OutcomeHasil

Production-ready site now serving as the official online presence of STT Pekerjaan Umum Jakarta, handling 500+ monthly visitors with sub-second page loads.Website siap produksi yang kini menjadi kehadiran online resmi STT Pekerjaan Umum Jakarta, melayani 500+ pengunjung bulanan dengan waktu muat di bawah satu detik.

Next case studyStudi kasus berikutnya Sistem Kepegawaian & Jabatan Fungsional Pusdatin →