Blog

Catatan teknis seputar pembuatan website, optimalisasi database, dan integrasi kecerdasan buatan.

18 articles

Title Category Date

Mengoptimalkan Performa Next.js 15 & Video Streaming Multi-Server Player

Trik optimasi rendering Next.js 15 App Router, React Server Components (RSC), lazy loading backdrop sinematik, dan integrasi multi-server video player dengan Matikan Lampu mode.

5m Frontend

Jul 28, 2026

Membangun Recommendation Engine Streaming dengan FastAPI & Content-Based Filtering

Bagaimana kami merancang sistem rekomendasi film real-time pada ForgeFlix menggunakan TF-IDF Vectorizer dan Cosine Similarity pada FastAPI Python tanpa mengorbankan latensi respons API.

6m AI/ML

Jul 28, 2026

Arsitektur Microservices ForgeFlix: Menggabungkan NestJS, Next.js 15, dan FastAPI ML Engine

Membahas perancangan arsitektur terdistribusi pada ForgeFlix streaming platform, mengintegrasikan NestJS untuk API bisnis, Next.js 15 untuk SSR/ISR sinematik, dan FastAPI Python untuk rekomendasi ML.

7m Backend

Jul 28, 2026

Mendesain Sistem Pembukuan Berpasangan (Double-Entry Bookkeeping) pada Aplikasi Keuangan Sekolah

Bagaimana cara merancang arsitektur database akuntansi berpasangan (debit & kredit) untuk menjamin seimbangnya laporan keuangan dan mencegah fraud transaksi pada aplikasi sekolah.

6m Database

Jul 24, 2026

Mengamankan Transaksi Keuangan Web: Integrasi 2FA TOTP, IP Whitelisting, dan Audit Trail pada Express.js

Studi kasus pengamanan backend transaksi keuangan menggunakan otentikasi dua faktor (TOTP), pembatasan IP whitelist, dan pelacakan audit trail otomatis.

5m Backend

Jul 23, 2026

Otomatisasi EOD (End of Day) Settlement dan Dompet Digital Multi-Cabang Sekolah

Membahas alur rekonsiliasi kas harian otomatis (EOD) dan arsitektur multi-tenant dompet digital siswa (Utama, Wisata, Qurban) berbasis constraint database.

6m Backend

Jul 22, 2026

Ngebut Tanpa Beban: Membangun API Cepat dengan Hono dan Turso

Panduan praktis membuat REST API berkinerja tinggi menggunakan Hono framework dan Turso SQLite database untuk efisiensi maksimal.

4m Backend

Jul 20, 2026

Deteksi Wajah di Browser: Implementasi AI Ringan dengan TensorFlow.js

Cara praktis menjalankan model deteksi ekspresi wajah (CNN) secara real-time langsung di browser menggunakan TensorFlow.js.

6m AI/ML

Jul 16, 2026

Pentingnya Digitalisasi: Mengubah Proses Pendaftaran Kertas Menjadi Sistem Web

Studi kasus menyederhanakan alur pendaftaran manual menggunakan sistem web, menghemat waktu proses data hingga 60%.

5m Career

Jul 12, 2026

Membangun Absensi Face AI di Web: Integrasi face-api.js pada Laravel 12

Bagaimana cara mengintegrasikan face-api.js untuk pengenalan wajah real-time pada modul absensi sistem HRIS ForgeLenta.

5m AI/ML

Jul 8, 2026

Mendesain Engine Payroll Enterprise: Otomatisasi Gaji, Pajak BPJS, dan EWA

Mengintip kalkulasi rumit di balik layar modul Payroll ForgeLenta untuk memproses ribuan slip gaji secara instan.

6m Backend

Jul 4, 2026

Membangun Kanban Board Rekrutmen Tanpa SPA: Pendekatan Laravel Blade & Alpine.js

Cara merancang fitur Applicant Tracking System (ATS) interaktif dengan drag-and-drop Kanban menggunakan Laravel Blade, SortableJS, dan Alpine.js.

5m Frontend

Jun 30, 2026

Analisis Pengunjung Tanpa Cookie: Solusi Privacy-First dengan SHA-256 IP Hashing

Cara melacak statistik pengunjung secara unik tanpa melanggar privasi (GDPR) menggunakan hashing IP dengan salt harian di SvelteKit.

5m Backend

Jun 26, 2026

Arsitektur Caching SvelteKit: Mengoptimalkan Kecepatan Turso SQLite dengan Upstash Redis

Bagaimana memanfaatkan Redis untuk meminimalisasi latensi database Turso SQLite dan memperoleh skor Lighthouse 100.

4m Database

Jun 22, 2026

Integrasi AI Chatbot Pintar Tanpa Vector DB pada Portofolio SvelteKit

Implementasi asisten AI interaktif menggunakan Google Gemini API dengan menyematkan basis pengetahuan dinamis langsung ke dalam system prompt.

5m AI/ML

Jun 18, 2026

Algoritma di Balik Rekomendasi Skincare: Implementasi Jaccard Similarity pada ForgeMoist

Mengupas tuntas pemanfaatan rumus Jaccard Similarity untuk mencocokkan bahan aktif skincare dengan keluhan kulit pengguna secara presisi.

5m Backend

Jun 14, 2026

Mengatasi Cold Start & Data Enrichment pada Dataset Skincare: Studi Kasus ForgeMoist

Bagaimana melakukan web scraping, pembersihan data kotor, dan pengayaan metadata produk kosmetik agar siap digunakan oleh mesin rekomendasi.

5m Database

Jun 10, 2026

Membangun Multi-step Quiz Interaktif Berkinerja Tinggi dengan Next.js App Router

Tips mendesain UI/UX kuis rekomendasi yang responsif, interaktif, dan ramah pengguna (UX) dengan Next.js App Router dan Tailwind CSS.

4m Frontend

Jun 6, 2026