xmuu.dev
← Semua proyek

xmuu-dev — personal platform

Next.js 16TypeScript 7Tailwind v4next-intlTurborepo
Repository

Konteks

Portfolio biasa berhenti sebagai brosur: halaman statis yang memamerkan masa lalu. Saya ingin sebaliknya — situs yang adalah bukti kerja: hidup, bertumbuh, dan setiap keputusannya bisa ditelusuri. Dari situ lahir rencana personal platform: portfolio + tulisan teknis interaktif + dev tools dalam satu sistem modular.

Sasaran

  • Post teknis dengan diagram & simulasi interaktif — konsep backend harus bisa dimainkan, bukan dibaca doang
  • Dua bahasa (id/en) dengan satu mesin konten, tanpa CMS
  • Arsitektur yang bisa menerima modul baru dalam hitungan jam: generator ansible, monitoring, pipeline sosmed, lab AI
  • Bisa dideploy di satu VPS yang (nanti) di-provision oleh generator ansible buatan platform ini sendiri

Arsitektur

Modular monolith: satu aplikasi Next.js dengan kernel tipis dan modul yang menempel lewat manifest tervalidasi.

| Lapisan | Keputusan | Alasan singkat | |---|---|---| | Framework | Next.js 16 (App Router) | Konten statis + dashboard interaktif dalam satu app | | Konten | MDX di git + content-collections | Post interaktif = komponen React; git = satu PR untuk prosa+kode+aset | | Bilingual | next-intl, root = id, /en untuk Inggris | URL per bahasa, hreflang benar, tanpa CMS | | Monorepo | pnpm + Turborepo | apps/web + packages/kernel + nanti apps/worker | | Kernel | registry modul dulu; DB/auth/queue menyusul per fase | Dibangun ditarik kebutuhan modul, bukan spekulasi |

Trade-off yang disengaja

Tidak ada CMS — editor GUI menyusul sebagai lapisan di dashboard yang menulis commit, bukan menggantikan git. Tidak ada DB di fase satu — konten adalah file; Postgres datang bersama modul yang butuh (generator, fase dua). Satu bahasa end-to-end — di era agent, riset 2026 menunjukkan verifikasi jadi bottleneck; satu bahasa berarti satu permukaan verifikasi, dan gerbang CI-nya dipasang sejak commit pertama.

Fase

  1. Portfolio + posts (berjalan) — mesin konten bilingual, tema monokrom, registry modul
  2. Generator bundle ansible — membawa Postgres + auth pertama
  3. Pipeline aset & queue sosmed — membawa worker + object storage
  4. Lab AI & monitoring
  5. Integrasi publish API per platform

Status dan catatan proses ditulis langsung di post-post blog ini — karena memang platform inilah proyek utamanya.