fmr.blog
Blog pribadi dan galeri proyek saya, yang dibuat menggunakan Astro dan Sveltia CMS.
Pembangunan fmr.blog berawal dari kebutuhan akan sebuah ruang digital pribadi yang tidak hanya berfungsi sebagai portofolio, tetapi juga sebagai pusat berbagi pengetahuan, eksperimen infrastruktur, dan dokumentasi IT. Situs ini dirancang dari awal untuk menjadi platform yang sangat ringan, super cepat, dan mudah dikelola tanpa bergantung pada database tradisional.
🏗️ Arsitektur & Teknologi Utama
Alih-alih menggunakan platform monolithic seperti WordPress, blog ini dibangun menggunakan pendekatan arsitektur modern (Jamstack):
- Astro 5 (Static Site Generator): Dipilih karena kemampuannya menghasilkan HTML statis murni tanpa memuat JavaScript bawaan (Zero-JS by default). Ini menjamin waktu muat halaman (load time) yang nyaris instan dan sangat ramah mesin pencari (SEO).
- Node.js & NPM: Digunakan sebagai runtime lingkungan pengembangan lokal (development), manajer paket dependensi, serta proses kompilasi (build-time) halaman statis.
- TypeScript: Memberikan pengetikan ketat (type-safety) pada konfigurasi, skema konten, serta properti komponen UI.
- Sveltia CMS: Sebagai alternatif modern untuk Decap/Netlify CMS. Sveltia memungkinkan pengelolaan konten (markdown) melalui antarmuka visual yang terhubung langsung dengan repositori GitHub (Git-based CMS).
- Cloudflare Pages & Functions: Seluruh situs di-deploy di atas jaringan tepi (edge network) Cloudflare. Serverless functions (
functions/oauth) menangani autentikasi GitHub OAuth untuk CMS tanpa memerlukan server backend eksternal. - Vanilla CSS, Design Tokens & Google Fonts: Diisi styling CSS murni dengan variabel warna Forest Green (
#4A7856), efek tembus pandang (glassmorphism), font web Inter & Outfit, serta switcher mode terang dan gelap (Dark/Light Mode). - Zod Content Collections: Menjamin integritas data artikel dan proyek dengan validasi skema ketat saat proses build.
- Shiki & Giscus: Penyorotan kode otomatis (syntax highlighting) menggunakan Shiki
github-dark, dan sistem komentar interaktif berbasis GitHub Discussions melalui Giscus. - Astro Sitemap & RSS Integration: Otomatisasi pembuatan XML Sitemap (
sitemap-index.xml) untuk Google Search Console dan RSS Feed (/rss.xml) untuk agregator berita.
✨ Fitur Unggulan
Beberapa fitur teknis yang diimplementasikan di dalam proyek ini meliputi:
- Desain Glassmorphism & Tema Gelap: Antarmuka (User Interface) dibangun menggunakan CSS murni dengan efek tembus pandang (glassmorphism) yang modern. Situs ini juga sepenuhnya mendukung peralihan mode terang dan gelap (Dark/Light Mode).
- Sistem Komentar Berbasis GitHub (Giscus): Menggunakan fitur GitHub Discussions sebagai mesin komentar. Hal ini dipilih karena target pembaca blog ini kebanyakan adalah praktisi IT, developer, dan teknisi infrastruktur yang memang terbiasa dengan ekosistem GitHub.
- RSS Feed Terintegrasi: Memungkinkan para pembaca setia maupun aplikasi aggregator pihak ketiga untuk berlangganan artikel tanpa perlu mengunjungi situs secara manual.
- SEO & Performa: Mendapat nilai Lighthouse yang sangat maksimal karena ketiadaan bloat, dilengkapi metadata dinamis, serta sitemap otomatis untuk Google Search Console.
🚀 Tujuan dan Harapan
Selain menjadi catatan laboratorium pribadi, fmr.blog ditujukan untuk semua kalangan yang tertarik mempelajari dunia IT. Melalui blog ini, segala proses penyelesaian masalah (troubleshooting), dokumentasi server, hingga eksperimen dengan Large Language Models (LLM) akan dibagikan secara terbuka agar dapat bermanfaat bagi banyak orang.