Website SMP Negeri 24 Padang
Website sekolah SMP Negeri 24 Padang yang saya bangun dari nol saat magang. Sebelumnya, sekolah belum punya portal digital yang layak saya rancang arsitektur Next.js App Router dengan rendering SSR/SSG, validasi form Zod, dan SEO terstruktur supaya halaman cepat terindeks dan mudah dikelola staf.
Fullstack Web Developer (Magang)
1 Jan 2025
Next.js & Performance
Konteks & Kebutuhan Sistem
SMP Negeri 24 Padang membutuhkan portal informasi publik yang dapat diakses cepat melalui perangkat seluler siswa dan wali murid, terindeks secara optimal oleh mesin pencari Google, serta menyediakan mekanisme pembaruan konten akademik yang mudah dioperasikan staf sekolah tanpa risiko inkonsistensi data.
Pendekatan & Solusi Teknis
Mengimplementasikan Next.js App Router dengan arsitektur hybrid: halaman statis di-generate melalui SSG untuk akses cepat, sementara kanal pengumuman menggunakan SSR dengan revalidasi berkala (ISR). Validasi skema formulir diterapkan menyeluruh menggunakan Zod guna menjamin integritas payload sebelum disimpan.
Teknologi & Stack Rekayasa
Jelajahi Proyek Lainnya
Proyek-proyek lain yang mungkin menarik buat kamu lihat
Prediksi Siklon Tropis (Data IBTrACS)
Ini proyek skripsi S1 saya: membuktikan LSTM bisa prediksi lintasan siklon tropis dengan akurat. Saya uji 12 skenario eksperimen (3 basin × 4 variasi timesteps), dan hasilnya window 8-16 paling bagus - rata-rata error cuma 14,2 km dengan R² 0,999. Modelnya saya konversi ke ONNX supaya bisa jalan langsung di browser, frontend pakai Astro Island Architecture.
Ingstore - Website Penjual Mobil Berbasis CMS
Website showroom mobil yang saya buat supaya calon pembeli bisa eksplor unit, filter berdasarkan spesifikasi, dan langsung hitung simulasi kredit DP dan cicilan bulanan secara real-time. Penjual bisa kelola stok unit lewat struktur CMS yang rapi.
Website Penjualan Rumah
Aplikasi web pencarian properti yang saya bangun pakai Angular Standalone Components murni TypeScript. Fitur utamanya: komparasi 2 properti secara side-by-side, denah arsitektur 2D bertingkat yang bisa di-zoom, dan simulator cicilan KPR pakai formula anuitas Bank Indonesia - semuanya reaktif lewat Angular Signals tanpa library state management tambahan.
Inventory Logistics Dashboard UI
Dashboard stok gudang yang saya buat supaya operator bisa melihat status persediaan, mencatat barang masuk/keluar/retur, dan filter berdasarkan status stok - semuanya responsif dan berjalan instan tanpa reload halaman.