Dukuh Information Center Website

Overview

Developed as part of a community empowerment initiative in Padukuhan Dukuh, Kebumen, this project addresses communication and documentation gaps by replacing traditional physical announcements with a central digital platform. Built using Next.js and Supabase, it includes community showcase features, local business directories, interactive maps, and a dynamic CMS for non-technical village administrators.

Problem

Padukuhan Dukuh faced significant communication and documentation constraints, relying heavily on conventional methods like oral announcements in community gatherings or limited physical notice boards which failed to reach high-mobility or external residents.

Solution

Designed and implemented a modern village information system using Next.js and Supabase featuring community profiles, MSME directories, interactive Google Maps integration, and an intuitive dynamic admin panel for sustainable local maintenance.

Challenges

• • Identifying communication gaps through field observations and interviews with local figures and MSME owners.
• • Ensuring long-term system sustainability and smooth knowledge transfer for non-technical local administrators.
• • Optimizing page performance and responsive layouts across various mobile and desktop devices.

Implementation

• • Built a component-based frontend using Next.js 15 and Tailwind CSS, adhering to modern UI/UX design principles.
• • Integrated Supabase database and storage for dynamic content management and secure image handling.
• • Conducted intensive hands-on training sessions and delivered comprehensive technical documentation for local operators.

Result & Impact

• • Successfully streamlined community communications and established a secure digital archive for village activities.
• • Boosted digital visibility and economic promotion potential for local MSMEs in Padukuhan Dukuh.
• • Empowered local administrators to independently manage and update website contents post-project.