Source Code Next.js 16: Web Cbt Ujian Online & School Management

Name: Next.js 16: Web Cbt Ujian Online & School Management
Brand: BuildWithAngga
Price: 70000 IDR
Availability: InStock
Author: Dani Aprilyanto

Code • Created at 22 Jan 2026

About This Product

Web CBT Ujian Online & School Management ini adalah source code siap pakai yang dibangun dengan Next.js 16 App Router untuk membantu sekolah, lembaga kursus, maupun institusi pendidikan menjalankan ujian online berbasis CBT sekaligus mengelola kebutuhan administrasi akademik dalam satu platform.

Aplikasi dirancang dengan pendekatan modern dan scalable. UI cepat dan responsif menggunakan TailwindCSS, struktur kode rapi dengan TypeScript untuk menjaga kualitas dan maintainability, serta data layer yang efisien memakai TanStack Query agar pengalaman pengguna tetap smooth saat memuat soal, menyimpan jawaban, hingga menampilkan hasil. Supabase digunakan sebagai backend yang praktis dan kuat untuk autentikasi, database, dan penyimpanan, sehingga kamu bisa fokus ke fitur dan produk tanpa membangun semuanya dari nol.

Cocok untuk kamu yang ingin membangun sistem ujian online profesional, mengembangkan produk edtech, membuat proyek untuk klien sekolah, atau memperkuat portofolio dengan aplikasi real-world yang lengkap dan relevan.

Key Features

Buat ujian dengan soal Pilihan Ganda dan Essay, atur jadwal dan durasi, randomisasi urutan soal dan opsi jawaban, auto-grading untuk pilihan ganda, timer per soal atau per sesi, serta preview ujian sebelum publish.

Kelola Classroom berdasarkan grade level, assign subjects dan teachers ke classroom, manajemen data siswa dan guru lengkap, tracking progress siswa per mata pelajaran, serta upload foto profil dan dokumen pendukung.

Tiga level akses yang berbeda: Manager dengan akses penuh untuk konfigurasi sistem, Teacher untuk buat ujian dan kelola nilai siswa, serta Student untuk ikut ujian dan lihat hasil.

UI modern dan responsif dengan TailwindCSS, navigasi intuitif dengan sidebar dan breadcrumb, loading state dan skeleton untuk UX smooth, mobile-friendly, serta real-time update dengan Supabase Realtime.

Dashboard statistik untuk overview cepat, rekap hasil ujian per siswa dan per kelas, serta histori ujian dan tracking performa.

Dibangun dengan Next.js 16 App Router untuk performa optimal, TypeScript untuk kode type-safe dan maintainable, TanStack Query untuk caching dan state management, serta Supabase untuk auth, database, dan storage dalam satu platform.