EdTech / School CMS

SekolahKustom

A customizable content management system and public portal designed for schools to manage branding, academic profiles, staff directories, news articles, and student inquiries from one dashboard.

CategorySchool CMS & Web Portal
FocusBranding, News, Staff Directory
RoleLead Full-Stack Developer
SekolahKustom school CMS dashboard preview

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.

Need A School Website That Staff Can Manage?

We can help build a fast, branded, and secure CMS tailored to school communication workflows.

Discuss Project