Langsung ke isi
Semua karya

Karya 02 / 08

Syafrilverse Studio — Sistem Operasional Usaha Jasa

Panel kerja di balik situs ini: kotak masuk prospek dari formulir dan kalkulator harga, klien dan proyek, invoice bernomor dengan cetak PDF, serta katalog dan harga situs — dikunci login dua faktor.

Jenis
Proyek pribadi
Tahap
Tayang
Stack
SvelteKit · Svelte 5 · TypeScript · Supabase · PostgreSQL · Tailwind CSS · Zod · Vitest

Studi kasus

Masalahnya, dan cara saya menjawabnya.

01 · Masalah

Usaha jasa satu orang biasanya mencatat prospek di surel, harga di spreadsheet, dan invoice di dokumen terpisah. Angka di situs, di penawaran, dan di invoice gampang berselisih, dan tidak ada yang memberi tahu prospek mana yang belum dibalas.

02 · Pendekatan

Satu database menjadi sumber untuk situs publik dan panel: harga yang disunting di Studio langsung dipakai halaman jasa, kalkulator, dan structured data Google. Setiap tabel dijaga row-level security yang menuntut sesi dua faktor, setiap formulir divalidasi di server, dan nomor invoice diterbitkan trigger database saat dikirim sehingga tidak pernah bentrok. Dibangun ulang dari Next.js ke SvelteKit dengan logika domain yang dipindah tanpa ditulis ulang, dijaga lebih dari 200 tes otomatis.