UKM Coding

UKM Coding is the student technology collective at Cyber University in Jakarta. Members run hands-on workshops, organise competitions like DECOMPE, and build software projects across various tech stacks.

The community needed a central hub to document software projects, publish organizational updates and tutorials, and handle partnership requests from tech companies and campus media partners.

Student work was scattered across Discord messages, GitHub repos, and Instagram stories. When members applied for jobs or internships, there was no single canonical portfolio to verify what the club had built.

At the same time, community coordinators needed to draft announcements and event recaps without touching source code or asking engineers to merge pull requests for simple typo fixes.

• Astro for zero-JS baseline performance. Selected Astro to compile content-heavy pages into clean static HTML. Interactive components (including the quick-view project modal, mobile navigation drawer, and filter bars) are hydrated as lightweight client islands.
• Headless Sanity Studio integration. Structured content schemas for projects, updates, and community partners. Non-technical writers manage draft statuses, upload responsive cover images, and publish posts through an intuitive cloud studio.
• Custom GROQ data queries. Tailored data fetching retrieves only required fields at build time, eliminating payload bloat and keeping build times under 45 seconds.
• Accessible interactions by default. Implemented accessible keyboard focus traps for modal dialogs, semantic landmark regions, and smooth scroll animations tuned for reduced-motion preferences.

The platform is designed with an editorial aesthetic featuring Plus Jakarta Sans and Instrument Serif typography. Projects feature interactive preview dialogs that display tech stack tags and direct repo links without triggering full page reloads.

The site is live in production at ukmcoding.site and serves as the primary external face for the organization. Over 10 student software initiatives and multiple university event recaps are catalogued in the permanent archive.

Content updates now happen directly through Sanity Studio without developer intervention, while the Astro architecture delivers sub-second page loads even on spotty campus cellular networks.