Overview
SekolahKustom was built for educational institutions that need a modern web presence but do not have dedicated web development staff. The system lets school administrators manage branding, staff profiles, news, and inquiries without editing code.
Problem
Schools often rely on static sites or generic CMS tools that become slow, hard to maintain, and risky when plugins are outdated. Simple tasks such as changing school colors, adding teachers, or posting news can become too technical for non-developer staff.
Solution
We built a tailored school website builder and CMS with a fast public portal, secure admin dashboard, rich-text news editor, visual theme presets, structured staff directories, and inquiry capture backed by Supabase.
Customizable School Portal
The public site renders a polished homepage with configurable hero content, theme colors, statistics, staff tiers, and news. The private dashboard handles school profile settings, image uploads, content management, and validated inquiry records through protected routes and database policies.
Key Features
- Dynamic theme presets applied through CSS custom variables.
- Configurable branded hero section with background images, tagline text, and achievement statistics.
- Tiered faculty directory with hierarchy categories, sorting, and profile image uploads.
- Rich-text news engine powered by TipTap for school announcements and articles.
- Validated contact and admission inquiry capture with database storage.
- Protected admin dashboard using Supabase auth and Row Level Security.
Tech Stack
Next.js
React
Supabase
TailwindCSS
TipTap
Zod
FrameworkNext.js App Router and React
DataSupabase PostgreSQL, Auth, RLS, and Storage
StylingTailwind CSS, Lucide Icons, CVA, CSS custom properties
EditorTipTap rich-text editor
ValidationZod schemas on client and server workflows
Contribution
Architected the PostgreSQL schema, built server-side form handlers and image uploads, implemented CSS-variable theme presets, added Zod validation, and designed the public landing page with custom motion and premium school-focused presentation.
Impact
The CMS enables non-technical school staff to update announcements, staff records, and branding quickly. It replaces ad-hoc website maintenance with a structured dashboard and gives prospective students and parents a more polished first impression.