Personal Portfolio & Headless CMS

Situs portofolio pribadi modern yang dirancang sebagai platform pameran karya sekaligus sistem manajemen konten (CMS) mandiri yang tangguh. Platform ini dibangun dari nol menggunakan SvelteKit dan TypeScript untuk performa halaman super cepat dengan skor Lighthouse 100/100.

Fitur Utama Platform:

• Dashboard CMS Kustom: Halaman admin terproteksi untuk mengelola data proyek, postingan blog, rincian layanan (services), konfigurasi global situs, hingga file media secara langsung.
• Privacy-First Web Analytics: Sistem analitik kustom terintegrasi yang menghitung jumlah kunjungan halaman unik secara dinamis menggunakan algoritma SHA-256 IP Hashing dengan daily rotating salt. Tidak menggunakan cookie pelacak, sehingga sepenuhnya mematuhi aturan privasi data (GDPR/CCPA compliant).
• Asisten AI Chatbot: Agen chatbot interaktif yang disematkan langsung di pojok situs, ditenagai oleh Google Gemini API dengan basis pengetahuan (knowledge base) dinamis dalam system prompt tanpa memerlukan integrasi database vektor (RAG) yang berlebih.
• Terminal Emulator & Short Command CLI: Emulator antarmuka baris perintah (CLI) interaktif bagi para developer/pengunjung geek untuk mengeksplorasi situs melalui perintah teks kustom.
• Buku Tamu (Guestbook) & Integrasi Telegram Bot: Halaman buku tamu interaktif menggunakan OAuth GitHub untuk otorisasi pesan, serta form kontak yang mengirimkan notifikasi pesan baru secara instan ke Telegram admin.
• Blog Engine & Code Snippet Sharing: Modul penulisan artikel berfitur lengkap yang mendukung format markdown, pembacaan waktu (reading time), TOC (Table of Contents) otomatis, syntax highlighting kode berbasis Shiki, serta caching query database menggunakan Upstash Redis untuk menekan latensi pembacaan data.

Pembaruan konten portofolio, data proyek, dan tulisan blog secara manual lewat perubahan kode file memakan waktu dan berisiko merusak struktur halaman. Selain itu, penggunaan analytics pihak ketiga (seperti Google Analytics) sering kali melanggar privasi pengunjung dan memperlambat waktu pemuatan halaman karena skrip pelacak yang berat.

Membangun situs portofolio kustom berbasis SvelteKit dengan CMS admin dashboard yang dilindungi otentikasi GitHub OAuth. Integrasi analitik lokal berbasis SHA-256 IP Hashing tanpa cookie memberikan pelacakan yang privacy-friendly. Dilengkapi asisten AI Chatbot menggunakan Google Gemini SDK untuk interaksi pengunjung secara real-time dan emulator terminal CLI interaktif.

Frontend dibangun menggunakan SvelteKit dengan performa optimal (skor Lighthouse ~100). Database menggunakan Turso (serverless SQLite) dengan Drizzle ORM untuk interaksi data yang aman. Latensi database ditekan melalui caching layer di Upstash Redis. Pengiriman file media dikelola secara cloud menggunakan Vercel Blob. Otentikasi admin diamankan menggunakan GitHub OAuth dan session management berbasis Oslo/Arctic. Web analytics didesain stateless dengan mencocokkan hash IP + daily salt tanpa menyimpan cookie pelacak.