Website SDN Teja 2
Website portal resmi SDN Teja 2 dengan performa tinggi dibangun menggunakan Nuxt.js dan Supabase.
Latar Belakang & Tantangan
Sebelum adanya portal digital terpusat, penyampaian informasi kegiatan sekolah, agenda akademik, dan pengumuman resmi SDN Teja 2 masih bergantung pada selebaran cetak dan grup percakapan pesan instan. Cara ini sering kali membuat dokumen penting terselip dan sulit diakses kembali oleh wali murid.
Tantangan utamanya adalah membangun sistem portal sekolah yang:
- Sangat ringan saat diakses melalui perangkat seluler dengan jaringan internet pedesaan.
- Mudah diperbarui secara mandiri oleh tim pengajar tanpa perlu mengedit kode sumber.
Solusi & Arsitektur Teknis
Sistem ini dikembangkan menggunakan Nuxt.js dengan arsitektur Server-Side Rendering (SSR) yang dipadukan dengan Supabase sebagai backend-as-a-service.
- Frontend & Rendering: Nuxt.js menyajikan halaman awal secara instan (SSR) sehingga waktu muat halaman tetap cepat meski pada koneksi seluler 3G/4G.
- Manajemen Data: Supabase PostgreSQL mengelola basis data berita, galeri kegiatan, serta profil tenaga pendidik dengan otentikasi berbasis peran (role-based auth).
- Desain & Responsivitas: Tata letak antarmuka bersih dan ramah keluarga (family-friendly), dioptimalkan untuk navigasi satu tangan di smartphone.
Pemanfaatan rendering SSR pada Nuxt memastikan skor Core Web Vitals tetap optimal, sehingga situs mudah ditemukan oleh masyarakat saat mencari profil sekolah di Google Search.
Fitur Unggulan
- Pusat Berita & Pengumuman: Publikasi agenda sekolah, kalender pendidikan, dan surat edaran secara berkala.
- Direktori Guru & Tenaga Kependidikan: Informasi profil pengajar beserta mata pelajaran yang diampu.
- Galeri Dokumentasi Prestasi: Dokumentasi foto kegiatan ekstrakurikuler dan prestasi siswa.
- Panel Pengelola Sederhana: Dashboard pembaruan berita yang intuitif bagi operator sekolah.