Diru Log - Personal Blog
Personal blog built with SvelteKit 5, mdsvex, and Tailwind CSS v4. Deployed on Cloudflare Pages with KV-based pageviews and Giscus comments.
Diru Log is my personal blog where I write about Linux, AI, web development, and tech experiments. I built it from scratch with SvelteKit 5 and Tailwind CSS v4, deployed on Cloudflare Pages for optimal performance.
The blog features a full markdown-based content engine using mdsvex, with automatic reading time calculation, a searchable blog listing page, and image lightbox for a better reading experience. I integrated Cloudflare KV for server-side pageview tracking per post, Giscus for GitHub-backed comments, and GoatCounter for privacy-friendly analytics. The UI includes a reusable component library (button, badge, dialog, navigation menu, item cards) built with Tailwind variants and Lucide icons, plus dark/light theme support via mode-watcher.
I wrote three blog posts so far: my first post introducing the blog, a detailed guide on my Linux development experience, and a write-up about experimenting with local LLMs using Ollama and LM Studio, complete with embedded images and a video component.
For SEO, I implemented Open Graph and Twitter Card meta tags, canonical URLs, and semantic HTML structure. The entire site is a solo project where I handled design, development, content writing, and deployment end-to-end.
Diru Log adalah blog pribadi saya untuk menulis tentang Linux, AI, pengembangan web, dan eksperimen teknologi. Saya membangunnya dari nol dengan SvelteKit 5 dan Tailwind CSS v4, lalu mendeploy-nya di Cloudflare Pages untuk performa optimal.
Blog ini memiliki mesin konten berbasis markdown menggunakan mdsvex, perhitungan waktu baca otomatis, halaman daftar blog yang dapat dicari, dan lightbox gambar untuk pengalaman membaca yang lebih baik. Saya mengintegrasikan Cloudflare KV untuk pelacakan pageview sisi server per tulisan, Giscus untuk komentar berbasis GitHub, dan GoatCounter untuk analitik yang ramah privasi. UI-nya mencakup pustaka komponen yang dapat digunakan ulang serta dukungan tema gelap/terang melalui mode-watcher.
Saya telah menulis tiga tulisan: pengenalan blog, panduan pengalaman pengembangan Linux, dan catatan eksperimen LLM lokal dengan Ollama dan LM Studio.
Untuk SEO, saya menerapkan meta tag Open Graph dan Twitter Card, URL kanonis, serta struktur HTML semantik. Ini adalah proyek solo yang saya tangani dari desain, pengembangan, penulisan konten, hingga deployment.