diff --git a/scripts/sync-blog-posts.mjs b/scripts/sync-blog-posts.mjs
index a6153a9..a01d6d4 100644
--- a/scripts/sync-blog-posts.mjs
+++ b/scripts/sync-blog-posts.mjs
@@ -280,6 +280,8 @@ for (const path of articleFiles) {
     date: editorialDate,
     tags: data.tags || [],
     status: data.status || 'draft',
+    lang: data.lang === 'en' ? 'en' : 'id',
+    translationKey: data.translationKey || '',
     thumbnail: resolveThumbnail(data.thumbnail || data.image || data.cover || '', path, defaultBranch),
     content,
     sourceUrl: file.html_url,
diff --git a/src/components/BlogArticlePage.astro b/src/components/BlogArticlePage.astro
new file mode 100644
index 0000000..2537e4f
--- /dev/null
+++ b/src/components/BlogArticlePage.astro
@@ -0,0 +1,154 @@
+---
+import BaseLayout from '../layouts/BaseLayout.astro';
+import PageHeader from './PageHeader.astro';
+import { withBase, safeHref } from '../lib/urls';
+import { articleHref, articleLanguage, isPublished, renderArticle, type BlogPost } from '../lib/content';
+
+interface Props {
+  post: BlogPost;
+  translations: BlogPost[];
+}
+
+const { post, translations } = Astro.props;
+const language = articleLanguage(post);
+const english = language === 'en';
+const locale = english ? 'en-US' : 'id-ID';
+const published = isPublished(post);
+const articlePath = articleHref(post).replace(/\/$/, '');
+const html = renderArticle(post.content);
+const authors = post.authors?.length ? post.authors : post.author ? [post.author] : [];
+const authorDate = post.author?.committedAt
+  ? new Intl.DateTimeFormat(locale, { dateStyle: 'long' }).format(new Date(post.author.committedAt))
+  : '';
+const modifiedDate = post.lastModifiedAt
+  ? new Intl.DateTimeFormat(locale, { dateStyle: 'long' }).format(new Date(post.lastModifiedAt))
+  : '';
+const latestCommitUrl = safeHref(post.latestCommitUrl);
+const seoTitle = post.slug === 'bagaimana-open-source-mampu-bertahan'
+  ? 'Mengapa Open Source Bertahan Puluhan Tahun - IndopenSource'
+  : `${post.title} - IndopenSource`;
+const releaseDate = post.releasedAt
+  ? new Intl.DateTimeFormat(locale, { dateStyle: 'long', timeZone: 'UTC' }).format(new Date(post.releasedAt))
+  : '';
+const thumbnail = post.thumbnail || '/brand/indopensource-hero.jpg';
+const thumbnailUrl = /^https?:\/\//.test(thumbnail) ? thumbnail : withBase(thumbnail);
+const heroAlt = english ? `Article thumbnail: ${post.title}` : `Thumbnail artikel: ${post.title}`;
+const authorByline = post.authorFromFrontmatter
+  ? english
+    ? `Named in the article frontmatter${authorDate ? ` (first commit ${authorDate})` : ''}.`
+    : `Disebutkan di frontmatter artikel${authorDate ? ` (commit pertama ${authorDate})` : ''}.`
+  : english
+    ? `Contributors are derived from the Markdown source history${authorDate ? published ? `. Published ${authorDate}` : `. First commit ${authorDate}` : ''}${modifiedDate ? ` · updated ${modifiedDate}` : ''}.`
+    : `Kontributor diambil dari riwayat commit sumber Markdown${authorDate ? published ? `. Terbit ${authorDate}` : `. Commit pertama ${authorDate}` : ''}${modifiedDate ? ` · diperbarui ${modifiedDate}` : ''}.`;
+const alternates = [post, ...translations].map((translation) => ({
+  lang: articleLanguage(translation),
+  href: articleHref(translation)
+}));
+
+const jsonLd = {
+  '@context': 'https://schema.org',
+  '@type': 'BlogPosting',
+  headline: post.title,
+  description: post.description,
+  image: thumbnailUrl,
+  inLanguage: locale,
+  ...(published && post.releasedAt ? { datePublished: post.releasedAt } : {}),
+  ...(post.lastModifiedAt ? { dateModified: post.lastModifiedAt } : {}),
+  ...(authors.length
+    ? { author: authors.map((author) => ({ '@type': 'Person', name: author.name, ...(safeHref(author.url) ? { url: safeHref(author.url) } : {}) })) }
+    : {}),
+  publisher: { '@type': 'Organization', name: 'IndopenSource' }
+};
+---
+
+<BaseLayout
+  title={seoTitle}
+  description={post.description}
+  image={thumbnailUrl}
+  type="article"
+  robots={published ? undefined : 'noindex, nofollow, noarchive'}
+  publishedAt={published ? post.releasedAt : undefined}
+  modifiedAt={post.lastModifiedAt}
+  language={language}
+  alternates={alternates}
+  jsonLd={jsonLd}
+>
+  <PageHeader eyebrow="Blog" title={post.title} centered>
+    {!published && (
+      <div class="mb-6 border-2 border-ink bg-sun p-4 font-body text-ink riso-shadow-sm" role="status">
+        <strong class="font-display">{english ? 'Draft preview.' : 'Preview draf.'}</strong>
+        {' '}
+        {english
+          ? 'This article is under review, unpublished, and excluded from search indexing.'
+          : 'Artikel ini masih ditinjau, belum diterbitkan, dan tidak diindeks mesin pencari.'}
+      </div>
+    )}
+    <p>{post.description}</p>
+    <div class="meta-row mt-5 flex flex-wrap items-center justify-center gap-x-3 gap-y-2 font-semibold text-ink uppercase tracking-[0.05em]">
+      <span class="text-brand-dark">{articlePath}</span>
+      {releaseDate && <><span aria-hidden="true">·</span><span>{published ? english ? 'Published' : 'Rilis' : english ? 'Draft date' : 'Tanggal draf'} {releaseDate}</span></>}
+      {authors.length > 0 && <><span aria-hidden="true">·</span><span class="text-brand-dark">{english ? 'by' : 'oleh'} {authors.map((author) => author.name).join(' & ')}</span></>}
+    </div>
+    <div class="mt-5 flex flex-wrap items-center justify-center gap-2">
+      <span class="sticker">{post.status}</span>
+      {post.tags.map((tag) => <span class="stamp">{tag}</span>)}
+      {translations.map((translation) => (
+        <a class="sticker riso-hover no-underline" href={articleHref(translation)} hreflang={articleLanguage(translation)}>
+          {articleLanguage(translation) === 'en' ? 'Read in English' : 'Baca dalam Bahasa Indonesia'}
+        </a>
+      ))}
+    </div>
+    <figure class="riso-hover riso-shadow mt-8 overflow-hidden border-2 border-ink bg-ink">
+      <img class="aspect-[16/9] w-full object-cover" src={thumbnailUrl} alt={heroAlt} width="1280" height="720" loading="eager" fetchpriority="high" decoding="async" />
+    </figure>
+  </PageHeader>
+
+  <article class="mx-auto w-[min(760px,calc(100%-32px))] pt-12 pb-16">
+    <div class="reveal reveal-1 article-body" set:html={html} />
+
+    <footer class="reveal reveal-2 mt-14 border-2 border-ink bg-canvas riso-shadow p-6 md:p-7">
+      <div class="mb-5 flex items-center gap-3">
+        <span class="sticker">{english ? 'Authors' : 'Penulis'}</span>
+        <span class="rule grow"></span>
+      </div>
+      <div class="grid gap-4 sm:grid-cols-2">
+        {authors.map((author) => {
+          const authorUrl = safeHref(author.url);
+          return (
+            <div class="flex items-center gap-4">
+              {author.avatarUrl && (
+                <img class="size-14 shrink-0 border-2 border-ink bg-paper riso-shadow-sm" src={author.avatarUrl} alt="" width="56" height="56" loading="lazy" decoding="async" />
+              )}
+              <div class="min-w-0">
+                {authorUrl
+                  ? <a class="display-sm text-brand underline decoration-2 underline-offset-2 hover:text-accent" href={authorUrl}>{author.name}</a>
+                  : <span class="display-sm text-brand">{author.name}</span>}
+              </div>
+            </div>
+          );
+        })}
+      </div>
+      <p class="mt-4 font-body text-sm leading-6 text-muted">{authorByline}</p>
+      {latestCommitUrl && post.latestCommitSha && (
+        <a class="meta-row mt-2 inline-block font-semibold text-brand underline decoration-2 underline-offset-4 hover:text-accent" href={latestCommitUrl} target="_blank" rel="noopener noreferrer">
+          {english ? 'Latest commit' : 'Commit terbaru'} {post.latestCommitSha.slice(0, 7)} ↗
+        </a>
+      )}
+      <hr class="rule my-6" />
+      <div class="flex flex-wrap gap-3">
+        <a
+          class="riso-hover riso-shadow-sm inline-flex min-h-11 items-center justify-center border-2 border-ink bg-paper px-4 font-mono text-xs font-bold uppercase tracking-[0.04em] text-ink hover:bg-sun"
+          href={post.sourceUrl}
+        >
+          {english ? 'View Markdown source' : 'Lihat sumber Markdown'}
+        </a>
+        <a
+          class="riso-hover riso-shadow-sm inline-flex min-h-11 items-center justify-center border-2 border-ink bg-paper px-4 font-mono text-xs font-bold uppercase tracking-[0.04em] text-ink hover:bg-sun"
+          href="https://github.com/IndopenSource/Blog-IndopenSource"
+        >
+          {english ? 'Blog repository' : 'Repo blog'}
+        </a>
+      </div>
+    </footer>
+  </article>
+</BaseLayout>
diff --git a/src/components/SiteFooter.astro b/src/components/SiteFooter.astro
index 0a81ce9..d3c736d 100644
--- a/src/components/SiteFooter.astro
+++ b/src/components/SiteFooter.astro
@@ -1,6 +1,13 @@
 ---
 import { withBase } from '../lib/urls';
 
+interface Props {
+  language?: 'id' | 'en';
+}
+
+const { language = 'id' } = Astro.props;
+const english = language === 'en';
+
 const links: { label: string; href: string; external?: boolean }[] = [
   { label: 'Proyek', href: '/projects/' },
   { label: 'Belajar', href: '/belajar/' },
@@ -25,6 +32,21 @@ const links: { label: string; href: string; external?: boolean }[] = [
   { label: 'GitHub', href: 'https://github.com/IndopenSource', external: true },
   { label: 'Discussions', href: 'https://github.com/orgs/IndopenSource/discussions', external: true },
 ];
+const englishLabels: Record<string, string> = {
+  Proyek: 'Projects',
+  Belajar: 'Learn',
+  Tentang: 'About',
+  Falsafah: 'Philosophy',
+  Komunitas: 'Community',
+  'Top User': 'Top Users',
+  'Cara Berkontribusi': 'Contribute',
+  'Kode Etik': 'Code of Conduct',
+  Donasi: 'Donate',
+  Program: 'Programs',
+  'Tata Kelola': 'Governance',
+  Event: 'Events',
+  Kontak: 'Contact'
+};
 
 const year = new Date().getFullYear();
 ---
@@ -46,8 +68,9 @@ const year = new Date().getFullYear();
           <span class="text-sun">Indo</span>penSource
         </p>
         <p class="mt-4 max-w-xl font-body text-lg leading-7 text-paper/90">
-          Ruang kerja terbuka untuk ekosistem open source Indonesia, dibikin
-          bareng, dirawat bareng.
+          {english
+            ? 'An open workspace for Indonesia’s open source ecosystem, built and maintained together.'
+            : 'Ruang kerja terbuka untuk ekosistem open source Indonesia, dibikin bareng, dirawat bareng.'}
         </p>
       </div>
       <span class="stamp border-paper bg-sun text-ink">Open source · Indonesia</span>
@@ -64,27 +87,27 @@ const year = new Date().getFullYear();
           <dd class="text-paper/90">github.com/IndopenSource</dd>
         </div>
         <div class="flex gap-2">
-          <dt class="text-sun">lisensi</dt>
-          <dd class="text-paper/90">open source · komunitas</dd>
+          <dt class="text-sun">{english ? 'license' : 'lisensi'}</dt>
+          <dd class="text-paper/90">open source · {english ? 'community' : 'komunitas'}</dd>
         </div>
         <div class="flex gap-2">
-          <dt class="text-sun">terbit</dt>
+          <dt class="text-sun">{english ? 'published' : 'terbit'}</dt>
           <dd class="text-paper/90">indopensource.org · {year}</dd>
         </div>
       </dl>
 
-      <nav aria-label="Tautan komunitas" class="flex flex-col items-start gap-3">
-        <span class="meta-row uppercase tracking-[0.12em] text-paper/60">// ruang organisasi</span>
+      <nav aria-label={english ? 'Community links' : 'Tautan komunitas'} class="flex flex-col items-start gap-3">
+        <span class="meta-row uppercase tracking-[0.12em] text-paper/60">// {english ? 'organization spaces' : 'ruang organisasi'}</span>
         <div class="flex flex-wrap gap-3">
           {
             links.map(({ label, href, external }) => (
               <a
                 class="sticker riso-hover no-underline"
-                href={external ? href : withBase(href)}
+                href={external ? href : withBase(english && label === 'Blog' ? '/en/blog/' : href)}
                 rel={external ? 'noopener noreferrer' : undefined}
               >
-                {label}
-                {external && <><span aria-hidden="true">↗</span><span class="sr-only"> (situs eksternal)</span></>}
+                {english ? englishLabels[label] || label : label}
+                {external && <><span aria-hidden="true">↗</span><span class="sr-only"> ({english ? 'external site' : 'situs eksternal'})</span></>}
               </a>
             ))
           }
@@ -95,7 +118,7 @@ const year = new Date().getFullYear();
     {/* Footer baseline: thin printed credit row in mono */}
     <hr class="mt-10 rule" aria-hidden="true" />
     <p class="meta-row mt-6 text-paper/60">
-      Dibuat dengan Joko UI · dibikin di Indonesia
+      {english ? 'Built with Joko UI · made in Indonesia' : 'Dibuat dengan Joko UI · dibikin di Indonesia'}
     </p>
   </div>
 </footer>
diff --git a/src/components/SiteHeader.astro b/src/components/SiteHeader.astro
index 2653ce3..732c61a 100644
--- a/src/components/SiteHeader.astro
+++ b/src/components/SiteHeader.astro
@@ -3,21 +3,28 @@ import { Picture } from 'astro:assets';
 import { withBase } from '../lib/urls';
 import brandIcon from '../assets/brand/icon-192.png';
 
+interface Props {
+  language?: 'id' | 'en';
+}
+
+const { language = 'id' } = Astro.props;
+const english = language === 'en';
+
 const navItems = [
   ['Home', '/', 'ph-house'],
-  ['Proyek', '/projects/', 'ph-grid-four'],
-  ['Blog', '/blog/', 'ph-article'],
-  ['Belajar', '/belajar/', 'ph-books'],
+  [english ? 'Projects' : 'Proyek', '/projects/', 'ph-grid-four'],
+  ['Blog', english ? '/en/blog/' : '/blog/', 'ph-article'],
+  [english ? 'Learn' : 'Belajar', '/belajar/', 'ph-books'],
   ['FAQ', '/faq/', 'ph-question'],
-  ['Donasi', '/donasi/', 'ph-heart']
+  [english ? 'Donate' : 'Donasi', '/donasi/', 'ph-heart']
 ];
 
 const mobileNavItems = [
   ['Home', '/', 'ph-house'],
-  ['Proyek', '/projects/', 'ph-grid-four'],
-  ['Blog', '/blog/', 'ph-article'],
-  ['Belajar', '/belajar/', 'ph-books'],
-  ['Top User', '/users/', 'ph-ranking']
+  [english ? 'Projects' : 'Proyek', '/projects/', 'ph-grid-four'],
+  ['Blog', english ? '/en/blog/' : '/blog/', 'ph-article'],
+  [english ? 'Learn' : 'Belajar', '/belajar/', 'ph-books'],
+  [english ? 'Top Users' : 'Top User', '/users/', 'ph-ranking']
 ];
 
 const currentPath = Astro.url.pathname;
@@ -34,7 +41,7 @@ const currentPathWithoutBase = currentPath.replace(new RegExp(`^${baseUrl.replac
 <header class="sticky top-0 z-20 border-b border-line bg-paper/90 backdrop-blur-xl">
   <nav
     class="mx-auto flex min-h-16 w-[min(1120px,calc(100%-32px))] items-center justify-between gap-6 py-3"
-    aria-label="Navigasi utama"
+    aria-label={english ? 'Main navigation' : 'Navigasi utama'}
   >
     {/* Wordmark = stamped logo tile + editorial display name + mono kicker */}
     <a
@@ -54,7 +61,7 @@ const currentPathWithoutBase = currentPath.replace(new RegExp(`^${baseUrl.replac
       />
       <span class="flex flex-col leading-none">
         <span class="font-display text-xl font-extrabold tracking-tight text-ink"><span class="text-brand">Indo</span>penSource</span>
-        <span class="meta-row mt-0.5 text-muted max-sm:hidden">Komunitas Open Source Indonesia</span>
+        <span class="meta-row mt-0.5 text-muted max-sm:hidden">{english ? 'Indonesia Open Source Community' : 'Komunitas Open Source Indonesia'}</span>
       </span>
     </a>
 
@@ -95,7 +102,7 @@ const currentPathWithoutBase = currentPath.replace(new RegExp(`^${baseUrl.replac
         href="https://github.com/IndopenSource"
         target="_blank"
         rel="noopener noreferrer"
-        aria-label="GitHub IndopenSource (situs eksternal)"
+        aria-label={english ? 'IndopenSource GitHub (external site)' : 'GitHub IndopenSource (situs eksternal)'}
       >
         <i class="ph-fill ph-github-logo text-xl" aria-hidden="true"></i>
       </a>
@@ -109,7 +116,7 @@ const currentPathWithoutBase = currentPath.replace(new RegExp(`^${baseUrl.replac
 <nav
   class="fixed inset-x-3 bottom-3 z-30 hidden overflow-hidden rounded-2xl border border-line bg-paper/95 shadow-[0_16px_40px_rgba(16,24,40,0.18)] backdrop-blur-xl max-md:grid max-md:grid-cols-5"
   style="padding-bottom: env(safe-area-inset-bottom, 0px)"
-  aria-label="Navigasi mobile"
+  aria-label={english ? 'Mobile navigation' : 'Navigasi mobile'}
 >
   {
     mobileNavItems.map(([label, href, icon]) => {
diff --git a/src/data/blog-posts.json b/src/data/blog-posts.json
index b940063..a2c4689 100644
--- a/src/data/blog-posts.json
+++ b/src/data/blog-posts.json
@@ -1,4 +1,84 @@
 [
+  {
+    "slug": "openclaw-jakarta-meetup-5-dari-demo-ke-agen-ai-dunia-nyata",
+    "path": "content/2026/07/openclaw-jakarta-meetup-5-dari-demo-ke-agen-ai-dunia-nyata.md",
+    "year": "2026",
+    "month": "07",
+    "title": "OpenClaw Jakarta Meetup #5: Dari Demo ke Agen AI Dunia Nyata",
+    "description": "OpenClaw Jakarta Meetup #5 pertemukan developer dan pengguna agentic AI untuk membahas praktik membangun agen yang berguna, terukur, dan bertanggung jawab.",
+    "date": "2026-07-23",
+    "tags": [
+      "community",
+      "open-source",
+      "artificial-intelligence",
+      "openclaw"
+    ],
+    "status": "published",
+    "lang": "id",
+    "translationKey": "openclaw-jakarta-meetup-5",
+    "thumbnail": "https://raw.githubusercontent.com/IndopenSource/Blog-IndopenSource/main/content/2026/07/assets/openclaw-jakarta-meetup-5-thumbnail.png",
+    "content": "OpenClaw Jakarta Meetup #5 berlangsung di Jakarta Selatan pada Kamis, 23 Juli 2026. Dengan dukungan DANA Indonesia sebagai penyedia tempat dan konsumsi, acara ini mempertemukan developer, engineer, serta pengguna OpenClaw dan *agentic AI* untuk melihat penerapan agen AI dalam kasus nyata.\n\nPara pembicara membawa pengalaman membangun produk: dari browser untuk agen AI, pencarian properti, sampai sistem penasihat keuangan. Namun, benang merah terkuat malam itu datang dari Hannes Rudolph, Community Manager OpenClaw: membangun agen yang dapat bekerja bukan berarti menyerahkan seluruh proses kepada AI.\n\n## AI untuk Pekerjaan yang Memang Membutuhkannya\n\nVince Iswara, CEO DANA Indonesia, membuka acara dengan mengingatkan bahwa penggunaan AI membutuhkan tanggung jawab. Komputasi AI tidak murah, sehingga teknologi ini sebaiknya dipakai untuk persoalan yang memang membutuhkan kemampuan tersebut, bukan tugas sederhana yang dapat diselesaikan dengan cara lebih ringan.\n\nPesan itu juga terlihat dalam sesi Raden Muhammad Hadi, Senior Data Scientist DANA Indonesia, tentang *Financial Advisory Agent Stack*. Sistem ini menggunakan sejumlah subagen dengan peran berbeda, seperti menyusun rencana eksekusi, eksekusi task, memberi konteks literasi finansial, dan meninjau hasil melalui berbagai jenis model.\n\nHadi membandingkan beberapa model agar pemilihan model sesuai dengan tugasnya. Mereka juga memakai pendekatan statistik seperti TBATS untuk kebutuhan peramalan. Presentasi ini menunjukkan bahwa sistem agentic di sektor finansial tidak cukup hanya mengandalkan satu model dan satu instruksi.\n\n## Hannes Rudolph: Mulai dari Loop Kecil\n\nDalam sesinya melalui Zoom Meeting, Hannes yang merupakan Community Manager Open Claw membuka sesi terbuka tanya jawab kepada audiens yang hadir, Menurut Hannes, Pendekatan yang lebih masuk akal dalam agentic adalah memulai dari *loop* kecil, memberi agen proses perencanaan dan pemeriksaan, lalu mempelajari hasil serta kesalahannya.\n\nEvaluasi model menjadi bagian penting dari proses tersebut. Setiap perubahan model perlu dibandingkan melalui *benchmark* agar peningkatan pada satu sisi tidak diam-diam merusak kemampuan lain. Untuk pekerjaan yang dibuat dengan pendekatan *vibe coding*, developer tetap perlu memahami proses dan memeriksa kode baris demi baris.\n\nPesannya sederhana: fokus pada hal yang ingin diselesaikan, bangun mekanisme pengecekan, dan jangan memperluas otomatisasi sebelum hasil pada lingkup kecil cukup baik.\n\n<div class=\"flex justify-center\">\n  <img src=\"https://raw.githubusercontent.com/IndopenSource/Blog-IndopenSource/main/content/2026/07/assets/openclaw-jakarta-meetup-5.png\" alt=\"Peserta OpenClaw Jakarta Meetup #5\" loading=\"lazy\">\n</div>\n\n## Tiga Gambaran Agen AI di Dunia Nyata\n\nZen Aufa Bahalwan memperkenalkan Camoufox untuk menghadapi kendala browser seperti CAPTCHA, respons *forbidden*, dan sistem deteksi bot. Camoufox memberi agen kemampuan menjelajah web dengan pendekatan *anti-detect*. Penggunaannya tetap perlu ditempatkan dalam batas yang sah dan bertanggung jawab.\n\nOkza Pradhana, dari komunitas Data Engineering Indonesia, membawa PropGen, sebuah orkestrasi agen untuk membantu pekerjaan pencarian properti. Demo ini menggambarkan bagaimana agen dapat dipekerjakan untuk mengumpulkan dan mengolah informasi yang biasanya tersebar di banyak sumber.\n\nSementara itu, sistem penasihat keuangan personal yang dibuat Hadi menunjukkan kebutuhan yang berbeda: basis pengetahuan yang kuat, pemilihan model berdasarkan kemampuan, dan lapisan peninjauan sebelum hasil sampai kepada pengguna.\n\nKetiga sesi tersebut memperlihatkan bahwa nilai agen AI tidak terletak pada banyaknya model atau panjangnya *workflow*. Nilainya muncul ketika sistem mampu menyelesaikan pekerjaan, dapat diperiksa, dan ditempatkan dalam batas tanggung jawab yang jelas.\n\nOpenClaw Jakarta Meetup #5 akhirnya menjadi ruang untuk membandingkan apa yang sudah dibangun, apa yang masih bermasalah, dan apa yang perlu diperbaiki bersama. Dukungan DANA dan kehadiran tim komunitas OpenClaw mempertemukan perspektif perusahaan dengan semangat eksperimen *open source* dalam satu ruangan.",
+    "sourceUrl": "https://github.com/IndopenSource/Blog-IndopenSource/blob/main/content/2026/07/openclaw-jakarta-meetup-5-dari-demo-ke-agen-ai-dunia-nyata.md",
+    "releasedAt": "2026-07-23",
+    "lastModifiedAt": "2026-07-23T16:37:40Z",
+    "latestCommitSha": "0d795beebea38360b047f01b40eb2f7566101d51",
+    "latestCommitUrl": "https://github.com/IndopenSource/Blog-IndopenSource/commit/0d795beebea38360b047f01b40eb2f7566101d51",
+    "author": {
+      "name": "wauputr4",
+      "avatarUrl": "https://avatars.githubusercontent.com/u/103489788?v=4",
+      "url": "https://github.com/wauputr4",
+      "committedAt": "2026-07-23T16:37:40Z"
+    },
+    "authors": [
+      {
+        "name": "wauputr4",
+        "avatarUrl": "https://avatars.githubusercontent.com/u/103489788?v=4",
+        "url": "https://github.com/wauputr4",
+        "committedAt": "2026-07-23T16:37:40Z"
+      }
+    ],
+    "authorFromFrontmatter": false
+  },
+  {
+    "slug": "openclaw-jakarta-meetup-5-from-demos-to-real-world-ai-agents",
+    "path": "content/2026/07/openclaw-jakarta-meetup-5-from-demos-to-real-world-ai-agents.md",
+    "year": "2026",
+    "month": "07",
+    "title": "OpenClaw Jakarta Meetup #5: From Demos to Real-World AI Agents",
+    "description": "OpenClaw Jakarta Meetup #5 brought developers and agentic AI users together to discuss useful, measurable, and responsible agents.",
+    "date": "2026-07-23",
+    "tags": [
+      "community",
+      "open-source",
+      "artificial-intelligence",
+      "openclaw"
+    ],
+    "status": "published",
+    "lang": "en",
+    "translationKey": "openclaw-jakarta-meetup-5",
+    "thumbnail": "https://raw.githubusercontent.com/IndopenSource/Blog-IndopenSource/main/content/2026/07/assets/openclaw-jakarta-meetup-5-thumbnail.png",
+    "content": "OpenClaw Jakarta Meetup #5 took place in South Jakarta on Thursday, July 23, 2026. Supported by DANA Indonesia, which provided the venue and refreshments, the event brought together developers, engineers, and users of OpenClaw and *agentic AI* to explore how AI agents are being applied to real-world problems.\n\nThe speakers shared first-hand experience building products, from browsers for AI agents and property search to financial advisory systems. The strongest thread of the evening, however, came from Hannes Rudolph, OpenClaw Community Manager: building an agent that can perform useful work does not mean handing the entire process over to AI.\n\n## Use AI Where It Is Actually Needed\n\nVince Iswara, CEO of DANA Indonesia, opened the event with a reminder that AI must be used responsibly. AI compute is not cheap, so it should be reserved for problems that genuinely benefit from it rather than simple tasks that can be solved more efficiently.\n\nThat message also appeared in a session by Raden Muhammad Hadi, Senior Data Scientist at DANA Indonesia, on a *Financial Advisory Agent Stack*. The system uses several subagents with distinct responsibilities, including planning the execution, carrying out tasks, providing financial literacy context, and reviewing results with different model types.\n\nHadi compared several models to match each task with the right capability. The system also uses statistical methods such as TBATS for forecasting. The presentation demonstrated why an agentic system in finance cannot rely on a single model and a single instruction.\n\n## Hannes Rudolph: Start with Small Loops\n\nJoining through Zoom, Hannes opened his session to questions from the audience. He argued that a more practical approach to agentic systems is to start with small loops, give the agent planning and checking steps, and then study its results and mistakes.\n\nModel evaluation is an important part of that process. Each model change should be benchmarked so that an improvement in one area does not quietly damage another capability. Even when using a *vibe coding* approach, developers still need to understand the process and inspect the code line by line.\n\nHis message was straightforward: focus on the outcome, build checks into the process, and do not expand the automation before it performs well within a smaller scope.\n\n<div class=\"flex justify-center\">\n  <img src=\"https://raw.githubusercontent.com/IndopenSource/Blog-IndopenSource/main/content/2026/07/assets/openclaw-jakarta-meetup-5.png\" alt=\"Attendees at OpenClaw Jakarta Meetup #5\" loading=\"lazy\">\n</div>\n\n## Three Real-World Views of AI Agents\n\nZen Aufa Bahalwan introduced Camoufox as a way to handle browser obstacles such as CAPTCHAs, *forbidden* responses, and bot-detection systems. Camoufox gives agents an *anti-detect* browsing capability. Its use still needs to remain within lawful and responsible boundaries.\n\nOkza Pradhana, from the Data Engineering Indonesia community, presented PropGen, an agent orchestration system for property search. The demo showed how an agent can collect and process information that would otherwise be spread across many sources.\n\nHadi's personal financial advisory system illustrated a different set of requirements: a strong knowledge base, model selection based on capability, and a review layer before results reach the user.\n\nThe three sessions showed that the value of an AI agent is not measured by the number of models it uses or the length of its *workflow*. Its value appears when the system can complete real work, be inspected, and operate within clear boundaries of responsibility.\n\nOpenClaw Jakarta Meetup #5 ultimately became a place to compare what has been built, what remains difficult, and what the community can improve together. DANA's support and the presence of the OpenClaw community brought an enterprise perspective and the experimental spirit of *open source* into the same room.",
+    "sourceUrl": "https://github.com/IndopenSource/Blog-IndopenSource/blob/main/content/2026/07/openclaw-jakarta-meetup-5-from-demos-to-real-world-ai-agents.md",
+    "releasedAt": "2026-07-23",
+    "lastModifiedAt": "2026-07-23T16:37:40Z",
+    "latestCommitSha": "0d795beebea38360b047f01b40eb2f7566101d51",
+    "latestCommitUrl": "https://github.com/IndopenSource/Blog-IndopenSource/commit/0d795beebea38360b047f01b40eb2f7566101d51",
+    "author": {
+      "name": "wauputr4",
+      "avatarUrl": "https://avatars.githubusercontent.com/u/103489788?v=4",
+      "url": "https://github.com/wauputr4",
+      "committedAt": "2026-07-23T16:37:40Z"
+    },
+    "authors": [
+      {
+        "name": "wauputr4",
+        "avatarUrl": "https://avatars.githubusercontent.com/u/103489788?v=4",
+        "url": "https://github.com/wauputr4",
+        "committedAt": "2026-07-23T16:37:40Z"
+      }
+    ],
+    "authorFromFrontmatter": false
+  },
   {
     "slug": "onno-w-purbo-bapak-open-source-dan-sang-pembebas-internet-indonesia",
     "path": "content/2026/07/onno-w-purbo-bapak-open-source-dan-sang-pembebas-internet-indonesia.md",
@@ -14,6 +94,8 @@
       "pendidikan"
     ],
     "status": "draft",
+    "lang": "id",
+    "translationKey": "",
     "thumbnail": "https://raw.githubusercontent.com/IndopenSource/Blog-IndopenSource/main/content/2026/07/assets/onno-w-purbo.png",
     "content": "<sub><em>Thumbnail artikel ini telah disesuaikan ukurannya dengan bantuan AI.</em></sub>\n\nJika kita berbicara tentang perkembangan dunia Teknologi Informasi (TI) dan internet di Indonesia, rasanya mustahil untuk tidak menyebut nama Prof. Dr. Eng. Ir. Onno Widodo Purbo, M.Eng., Ph.D. Sosok pria kelahiran Bandung, 17 Agustus 1962 ini dikenal luas sebagai \"Bapak Internet Indonesia\" sekaligus pejuang tangguh gerakan *Open Source* di Tanah Air. Di balik penampilannya yang ceplas-ceplos dan sangat sederhana kerap hanya mengenakan kaos, celana pendek, dan hobi bepergian dengan sepeda tersimpan visi besar yang telah mendobrak batasan akses informasi bagi jutaan rakyat Indonesia.\n\nArtikel ini akan mengupas tuntas perjalanan hidup, pemikiran, kiprah, serta deretan karya Onno W. Purbo yang menjadikannya salah satu tokoh teknologi paling dihormati, tidak hanya di Indonesia, tetapi juga di mata dunia.\n\n## Titik Awal: Ketertarikan pada Lampu Kelap-Kelip dan Pesawat Terbang\n\nLahir dari pasangan Prof. Ir. Hasan Poerbo, seorang guru besar arsitektur dan lingkungan hidup di Institut Teknologi Bandung (ITB), dan Partini, Onno tumbuh di lingkungan yang kental dengan nilai-nilai intelektual dan keberpihakan pada rakyat kecil. Ketertarikannya pada dunia teknik sudah terlihat sejak ia duduk di bangku kelas 3 SMP. Saat itu, ia membuat sebuah prakarya lampu *flip-flop* (lampu yang menyala kelap-kelip secara bergantian) dan menghabiskan semalaman penuh hanya untuk menatap dan memikirkan bagaimana lampu tersebut bisa bekerja sedemikian rupa.\n\nMemasuki masa SMA, minat Onno semakin bercabang. Terinspirasi dari ayahnya yang pernah berkarier di TNI dan tren B.J. Habibie pada masa itu, Onno sempat mendalami *aeromodeling* dengan membuat pesawat layang (*glider*) sepanjang 1,5 meter hasil rancangannya sendiri. Namun, pada saat yang bersamaan, ia juga keranjingan mendengarkan siaran radio gelombang pendek (SW) dan belajar membuat pemancar radio sendiri dari tabung-tabung bekas.\n\nBerkat dorongan sang ayah yang melihat masa depan cerah di bidang elektronika, Onno akhirnya memilih masuk ke jurusan Teknik Elektro ITB pada tahun 1981. Di kampus inilah, Onno semakin aktif dalam Organisasi Amatir Radio Indonesia (ORARI) dan mulai bereksperimen menghubungkan komputer dengan pemancar radio, sebuah cikal bakal dari teknologi internet tanpa kabel yang kelak ia kembangkan. Ia lulus sebagai wisudawan terbaik pada tahun 1987.\n\n## Membangun Jaringan Internet dari Jarak Jauh\n\nSetelah lulus dari ITB, Onno mendapatkan beasiswa untuk melanjutkan studi S2 di McMaster University, Kanada, di bidang Semikonduktor Laser (lulus 1989), dan kemudian S3 di Universitas Waterloo, Kanada, di bidang Teknologi Rangkaian Terintegrasi untuk Satelit (lulus 1993).\n\nTinggal di luar negeri memunculkan satu masalah klasik: mahalnya biaya komunikasi ke Indonesia. Tidak kehabisan akal, Onno menggunakan jaringan Bitnet di kampus-kampus Amerika Utara dan mengombinasikannya dengan frekuensi radio amatir. Dengan meminta izin kepada pemerintah Kanada untuk memancar menggunakan lisensi amatir radionya, Onno berhasil mengirimkan data suara yang diubah menjadi teks (melalui *soundcard* komputer) melintasi samudra hingga diterima oleh rekan-rekannya sesama anggota ORARI di Indonesia. Ini adalah salah satu bentuk koneksi internet paling awal di Indonesia, yang membuktikan bahwa jaringan informasi tidak melulu harus bergantung pada kabel telepon yang sangat mahal.\n\n## RT/RW-Net, Wajanbolic, dan Pertempuran Melawan Regulasi\n\nKembali ke Indonesia, Onno mengajar sebagai dosen di ITB dan memelopori koneksi internet pertama di kampus tersebut. Namun, ia menyadari bahwa tarif internet *dial-up* melalui kabel telepon (seperti yang disediakan Telkom saat itu) sangatlah tidak masuk akal bagi rakyat biasa. Biaya pulsa telepon yang menyala 24 jam bisa mencapai jutaan rupiah per bulan dengan kecepatan yang sangat lambat.\n\nUntuk memecahkan masalah ini, Onno menginisiasi teknologi RT/RW-Net, yakni sebuah jaringan komputer swadaya masyarakat yang mendistribusikan koneksi internet murah di tingkat rukun tetangga. Untuk menangkap sinyal nirkabel (Wi-Fi), Onno mempopulerkan penemuan luar biasa yang sangat merakyat: **Wajanbolic**. Ini adalah antena penguat sinyal Wi-Fi frekuensi 2,4 GHz yang dirakit secara murah meriah menggunakan wajan penggorengan, pipa paralon, aluminium foil, dan USB WLAN adapter.\n\n![Onno W. Purbo memperlihatkan Wajanbolic](https://raw.githubusercontent.com/IndopenSource/Blog-IndopenSource/main/content/2026/07/assets/wajanbolic-onno-w-purbo.png)\n\n*Sumber gambar: Detik.net.id.*\n\nKarya-karya ini adalah bentuk perlawanan Onno terhadap \"buta internet\". Namun, jalan yang ditempuh tidak mulus. Penggunaan frekuensi radio 2,4 GHz pada saat itu dianggap ilegal tanpa izin resmi, sehingga alat-alat jaringan kampus dan masyarakat sering kali disita oleh aparat pemerintah (Kominfo). Alih-alih melawan dengan kekerasan, Onno mengubah strateginya: ia menulis buku dan menyebarkan panduan cara merakit internet murah ke seluruh penjuru negeri. Lewat gerakan \"pemberontakan\" damai dan desakan tanpa henti, pada tahun 2005 pemerintah akhirnya membebaskan frekuensi 2,4 GHz dari Biaya Hak Penggunaan, sebuah kemenangan besar bagi demokratisasi internet di Indonesia.\n\n## Meninggalkan Menara Gading demi Filosofi \"Copyleft\"\n\nSalah satu kisah paling monumental dalam hidup Onno terjadi pada Februari 2000. Saat itu, ITB mengadakan seminar mengenai Hak Cipta dan Hak Paten yang diisi oleh para profesor. Mendengar paparan bahwa hasil penelitian harus dipatenkan demi keuntungan finansial dan prestise, nurani Onno memberontak.\n\nDalam pandangannya, ilmu pengetahuan seharusnya dibagikan secara gratis agar seluruh bangsa bisa merasakan manfaatnya. Mematenkan ilmu hanya akan memperlebar jurang kebodohan di Indonesia. Terusik oleh pemikiran tersebut, Onno tidak bisa tidur selama tiga hari dua malam. Pada hari ketiga, ia mengambil keputusan paling nekat dalam hidupnya: ia menulis surat pengunduran diri sebagai Pegawai Negeri Sipil (PNS) dan dosen ITB. Ia bahkan mengembalikan gaji terakhirnya kepada rektorat.\n\nOnno memilih jalan hidup berdasarkan prinsip **\"Copyleft\"** (sumber terbuka/ *Open Source*), kebalikan dari *Copyright*. Ia meyakini bahwa Tuhan yang memiliki segala ilmu saja tidak pernah mematenkan ilmu-Nya, lalu mengapa manusia harus membatasinya?. Ia sering mengutip pesan dari mantan dosennya di ITB, Pak Soegiardjo Soegidjoko: *\"Kalkulator yang di ATAS tidak pernah salah hitung\"*. Kepercayaan bahwa rezeki tidak akan tertukar inilah yang membuatnya tak gentar hidup tanpa gaji tetap selama belasan tahun usai keluar dari ITB.\n\n## Kiprah Bapak Open Source Indonesia dan Karya-karyanya\n\nSetelah keluar dari jalur akademis formal, kiprah Onno W. Purbo di dunia *Open Source Software* (OSS) dan teknologi informasi semakin menggila. Berikut adalah berbagai sumbangsih nyatanya:\n\n- **Membuat Distro Linux Mandiri**: Onno terlibat dalam pembuatan berbagai distribusi (distro) Linux lokal yang disesuaikan untuk kebutuhan masyarakat, seperti Distro SchoolOnffLine, SMEOnffLine, ORARINux, dan SekolahNux.\n- **Penulis Buku Produktif**: Onno telah menulis lebih dari 50 judul buku. Karyanya mencakup panduan TCP/IP, keamanan jaringan, teknik RT/RW-Net, hingga pembuatan jaringan seluler 5G sendiri. Hebatnya, ia juga merilis buku-buku pelajaran Teknologi Informasi dan Komunikasi (TIK) untuk SMA/MA yang materinya sepenuhnya berbasis *Open Source Software* (seperti Linux dan OpenOffice), yang didistribusikan secara gratis sebagai Buku Sekolah Elektronik (BSE) oleh pemerintah.\n- **VoIP Rakyat & OpenBTS**: Selain internet, Onno juga merintis \"VoIP Rakyat\", sentral telepon gratis berbasis protokol internet (SIP) agar masyarakat bisa bertelepon tanpa biaya pulsa konvensional. Ia juga giat menyebarkan teknologi OpenBTS, sebuah *Base Transceiver Station* mini berbasis *open source* yang memungkinkan masyarakat di daerah terpencil membangun jaringan seluler GSM sendiri.\n- **E-Learning dan Open Course**: Hasrat Onno untuk mencerdaskan orang banyak (bukan hanya satu atau dua kelas) diwujudkan dengan membangun *E-Learning Rakyat*. Di platform ini, puluhan ribu siswa bisa belajar gratis. Saat ini, sebagai Rektor Institut Teknologi Tangerang Selatan (ITTS), ia memelopori sistem kuliah IT gratis yang bisa diakses siapa saja melalui `opencourse.itts.ac.id`, dengan memberikan e-sertifikat bagi mereka yang mendapatkan nilai di atas 90.\n- **Advokasi Keamanan Siber**: Onno kerap menjadi narasumber penting terkait keamanan data. Ia mengedukasi masyarakat dan pemerintah mengenai mitigasi kebocoran data, audit *Data Privacy* sesuai UU PDP, dan pemanfaatan sistem keamanan berbasis *Open Source* yang efisien.\n\n## Pengakuan Dunia: Jonathan B. Postel Service Award\n\nPerjuangan Onno W. Purbo yang konsisten memberdayakan masyarakat melalui internet murah mengundang decak kagum dunia internasional. Ia sering diundang menjadi pembicara kunci dalam forum-forum global, seperti *World Summit on the Information Society* (WSIS) di Swiss dan *Internet Engineering Task Force* (IETF), karena rekam jejak Indonesia yang secara swadaya membangun lebih dari 60.000 titik RT/RW-Net yang digerakkan oleh rakyat biasa.\n\nPuncaknya, pada 11 November 2020, Internet Society (ISOC) memberikan penghargaan prestisius **Jonathan B. Postel Service Award** kepada Onno. Penghargaan yang setara dengan \"Hadiah Nobel\" di dunia internet ini diberikan khusus untuk para inovator visioner yang berdedikasi memperluas akses internet di seluruh dunia. Onno terpilih karena peran kuncinya dalam demokratisasi akses internet dan kepeloporannya memanfaatkan teknologi berbiaya rendah di pedesaan.\n\n## Penutup: Menjadi Manusia yang Bermanfaat\n\nKetika banyak orang mendesak agar dirinya diangkat menjadi Menteri Komunikasi dan Informatika, Onno selalu menjawab dengan halus dan jenaka. Baginya, jabatan menteri yang hanya berumur lima tahun bukanlah sebuah tolok ukur kesuksesan.\n\nTujuan hidup Onno W. Purbo sangatlah sederhana dan filosofis: ia ingin menjadi manusia yang bermanfaat bagi orang lain. Menurut kutipannya yang diambil dari hadist Rasulullah SAWW, *\"Sebaik-baik manusia adalah yang bermanfaat bagi manusia lainnya\"* kutipan itu yang menjadi prinsip bagi Prof Onno. Melalui buku-buku yang digratiskannya, video-video *tutorial* di YouTube, ribuan artikel, dan jaringan-jaringan komunitas *Open Source* yang ia rintis, Onno telah menunaikan tujuannya. Ia membuktikan bahwa kedaulatan digital dan kemajuan sebuah bangsa tidak harus selalu dimotori oleh pemerintah atau konglomerat, melainkan bisa dibangun dari bawahdari tangan-tangan rakyat biasa yang mau belajar dan berbagi.\n\n## Referensi\n\n### Artikel Berita dan Biografi (Web)\n\n- **Biografiku.com**: \"Biografi Onno W Purbo\" - [https://www.biografiku.com/biografi-onno-w-purbo/](https://www.biografiku.com/biografi-onno-w-purbo/).\n- **Wikipedia bahasa Indonesia**: \"Onno W. Purbo\" - [https://id.wikipedia.org/wiki/Onno_W._Purbo](https://id.wikipedia.org/wiki/Onno_W._Purbo).\n- **CNN Indonesia**: \"Onno, Wajan, dan Kisah 'Perang' Melawan Buta Internet RI\" - [https://www.cnnindonesia.com/teknologi/20221202161533-192-882019/onno-wajan-dan-kisah-perang-melawan-buta-internet-ri](https://www.cnnindonesia.com/teknologi/20221202161533-192-882019/onno-wajan-dan-kisah-perang-melawan-buta-internet-ri).\n- **Liputan6.com**: \"Onno W. Purbo, Pejuang IT Indonesia yang Hobi Bersepeda\" - [http://www.liputan6.com/tekno/read/667563/onno-w-purbo-pejuang-it-indonesia-yang-hobi-bersepeda](http://www.liputan6.com/tekno/read/667563/onno-w-purbo-pejuang-it-indonesia-yang-hobi-bersepeda).\n- **detikInet**: \"Bangga! Onno W Purbo Dapat Penghargaan Dunia Bidang Internet\" - [https://inet.detik.com/cyberlife/d-5260444/bangga-onno-w-purbo-dapat-penghargaan-dunia-bidang-internet](https://inet.detik.com/cyberlife/d-5260444/bangga-onno-w-purbo-dapat-penghargaan-dunia-bidang-internet).\n- **Kumparan**: \"Onno W. Purbo Raih Penghargaan Internet Dunia Jonathan B. Postel Service Award\" - [Tautan Kumparan](https://kumparan.com/kumparantech/response/onno-w-purbo-raih-penghargaan-internet-dunia-jonathan-b-postel-service-award-1uZYLtCUsPq).\n- **OnnoWiki**: \"Onno W. Purbo\" - [http://www.onnocenter.or.id/wiki/index.php/Onno_W._Purbo](http://www.onnocenter.or.id/wiki/index.php/Onno_W._Purbo).\n- **eLearning Rakyat**: Portal kursus online gratis yang dibangun oleh Onno W. Purbo - [https://lms.onnocenter.or.id/moodle/](https://lms.onnocenter.or.id/moodle/).\n- Dokumen / Buku TIK berbasis *Open Source* yang ditulis Onno W. Purbo, seperti Buku Sekolah Elektronik (BSE) dan pedoman keamanan siber.\n- Video \"ONNO W PURBO dan SEJARAH INTERNET INDONESIA\" & \"Sisi Lain ONNO W PURBO: Jadi Rektor ITTS!\" di kanal **GIZMOLOGI**.\n- Video \"Bincang Bareng Onno W. Purbo Seputar Dunia IT di Indonesia\" di kanal **Indonesia Belajar**.\n- Video \"Onno W Purbo Tadinya Berpikir Ikuti Jejak BJ Habibie\" di kanal **voidotid**.",
     "sourceUrl": "https://github.com/IndopenSource/Blog-IndopenSource/blob/main/content/2026/07/onno-w-purbo-bapak-open-source-dan-sang-pembebas-internet-indonesia.md",
@@ -52,6 +134,8 @@
       "teknologi-lokal"
     ],
     "status": "published",
+    "lang": "id",
+    "translationKey": "",
     "thumbnail": "https://raw.githubusercontent.com/IndopenSource/Blog-IndopenSource/main/content/2026/07/assets/it-camp-2026.jpg",
     "content": "Sebanyak 122 peserta mengikuti IT Camp 2026 pada 18–19 Juli 2026 di Villa\nZanara, Bogor. Peserta termudanya berusia 15 tahun. Penyelenggaraan tahun ini\nsekaligus menandai 17 tahun IT Camp digelar setiap tahun.\n\nAcara diselenggarakan oleh [Yayasan Onno Center\nInternational](https://onnocenter.or.id/) bersama Pusat Siber TNI Angkatan\nDarat (Pussiberad). Sebagai peserta, saya melihat satu pola yang terasa kuat\nsepanjang acara: teknologi tidak berhenti sebagai bahan presentasi. Para\npemateri memperlihatkan hasil kerja mereka dan mempraktikkannya di hadapan\npeserta.\n\n> “Kalau kalian sadar, pemateri-pemateri ini tidak hanya berteori. Mereka semua\n> langsung demo dan praktik, sesuatu yang jarang sekali kalian temukan di\n> tempat lain.” — Prof. Onno W. Purbo, pendiri Onno Center\n\nPendekatan tersebut membuat peserta tidak hanya mengenal istilah baru, tetapi\njuga melihat bahwa teknologi dapat dipelajari, dibongkar, dan dikembangkan\nsecara mandiri.\n\n## AI lokal sebagai jalan untuk belajar mandiri\n\nSalah satu pokok pembahasan IT Camp 2026 adalah membangun AI yang dapat\ndijalankan pada perangkat dan infrastruktur sendiri. Dzaq R. Purbo\nmempraktikkan penggunaan Ollama, Open WebUI, dan *Retrieval-Augmented\nGeneration* (RAG) untuk mengolah pengetahuan dari dokumen lokal.\n\nAI lokal memberi ruang belajar yang berbeda dari layanan siap pakai. Peserta\ndapat memahami bagaimana model dijalankan, bagaimana data diberikan, serta\nbagaimana sebuah jawaban dihasilkan. Data juga tidak harus dikirim ke layanan\neksternal, sehingga pengguna memiliki kontrol lebih besar atas prosesnya.\n\nSemangat ini dekat dengan open source, di mana alat dapat dipelajari dari dalam,\ndisesuaikan dengan kebutuhan, dan dikembangkan bersama. Kemandirian bukan\nberarti mengerjakan semuanya sendirian, melainkan memiliki kemampuan untuk\nmemahami dan menentukan teknologi yang digunakan.\n\n## SymbiotOS dan sistem operasi yang dekat dengan pengguna\n\nPada 19 Juli, Ahmad Haris memperkenalkan SymbiotOS, sistem operasi *mobile*\nberbasis open source yang dirancang tanpa aplikasi bawaan berlebihan dan\nmemberi perhatian pada privasi pengguna.\n\nBagian yang paling menarik adalah dukungan bahasa dan aksara Jawa. Contoh ini\nmenunjukkan bahwa sistem operasi lokal bukan hanya mengganti nama atau\ntampilan. Teknologi dapat disesuaikan dengan bahasa, kebiasaan, dan kebutuhan\nmasyarakat yang sering tidak menjadi prioritas produk global.\n\nKarena kode dan perkakasnya dapat dipelajari, pengembangan sistem seperti\nSymbiotOS juga membuka peluang bagi pelajar dan pengembang Indonesia untuk\nmemahami sistem operasi melalui praktik nyata.\n\n## AI untuk Infrastruktur dan keamanan siber\n\nDimaz Arno, yang juga tampil pada 19 Juli, mendemonstrasikan bagaimana *AI\nagent* dapat membantu proses *penetration testing*. Dalam salah satu\ndemonstrasi, AI digunakan untuk menguji keamanan sebuah aplikasi permainan\nAndroid.\n\nDemo tersebut memperlihatkan bahwa AI dapat menjalankan tahapan teknis dengan\ncepat. Namun, kemudahan itu juga menegaskan pentingnya etika, izin, dan\npemahaman keamanan. Perkakas keamanan seharusnya dipakai pada sistem yang\nmemang memberi izin untuk diuji.\n\nProf. Onno W. Purbo turut membahas penggunaan AI untuk *Security Operation\nCenter* dan *Open Source Intelligence*. Wilson Lisan CEO Efison juga menjelaskan kebutuhan\ninfrastruktur *high-performance computing* dan menjelaskan bagaimana pengalamannya\nmembangun oprek hardware sampai membangun HPC di Indonesia, sementara sesi-sesi lain\nmemperlihatkan penerapan AI pada pengolahan informasi dan pekerjaan teknis.\n\n## Lebih penting dari mengikuti tren\n\nIT Camp 2026 menunjukkan bahwa pembicaraan mengenai AI di Indonesia tidak\nharus berhenti pada pemakaian produk dari luar. Model AI dapat dijalankan\nsecara lokal, sistem operasi dapat disesuaikan dengan bahasa daerah, dan\nsoftware open source dapat menjadi tempat belajar yang bermanfaat.\n\nBagi saya, kekuatan acara ini bukan hanya banyaknya teknologi yang\ndiperlihatkan. Hal yang lebih penting adalah keberanian para pemateri untuk\nmembuka proses kerja mereka. Peserta dapat melihat kegagalan, penyesuaian, dan\ncara sebuah sistem dibangun dengan pengalaman yang sulit diperoleh bila teknologi\nhanya diperkenalkan melalui teori.\n\nOpen source menyediakan jalur untuk melanjutkan pembelajaran tersebut setelah\nacara selesai. Peserta dapat mencoba alat-alat yang sama, membaca dokumentasi,\nmempelajari kode, lalu membagikan kembali temuannya kepada orang lain.",
     "sourceUrl": "https://github.com/IndopenSource/Blog-IndopenSource/blob/main/content/2026/07/it-camp-2026-open-source-ai-lokal.md",
@@ -90,6 +174,8 @@
       "business"
     ],
     "status": "published",
+    "lang": "id",
+    "translationKey": "",
     "thumbnail": "https://raw.githubusercontent.com/IndopenSource/Blog-IndopenSource/main/content/2026/07/assets/model-ekonomi-pusat-yayasan-it.jpg",
     "content": "Open source bukan cuma kumpulan kode yang bisa di-*clone*. Melainkan infrastruktur\ndigital yang dipakai bersama, lalu dirawat oleh organisasi, perusahaan, dan\nkomunitas. Contoh paling populer adalah Linux, yang menjalankan seluruh sistem dalam daftar TOP500\nsuperkomputer pada November 2025.\n\nLantas, bila kode dapat disalin dan digunakan bebas, mengapa ekosistem ini\nmampu bertahan puluhan tahun?\n\n## Arsitektur finansial: membiayai operasi bersama\n\nYayasan seperti Linux Foundation, Apache, dan Eclipse tidak menjual akses ke\n*source code*. Mereka membantu menata pekerjaan yang membuat proyek dapat\ndipakai jangka panjang: tata kelola, infrastruktur *CI/CD*, audit keamanan,\nperlindungan hukum, dokumentasi, serta koordinasi komunitas.\n\nPendanaan datang dari beragam sumber, antara lain keanggotaan perusahaan,\npelatihan dan sertifikasi, acara, hibah, donasi, serta dukungan *in-kind*\nseperti komputasi dan *bandwidth*. Model ini membuat biaya pemeliharaan\ninfrastruktur inti menjadi tanggung jawab bersama, bukan beban satu vendor.\n\n## Menghindari private fork yang mahal\n\nBagi organisasi, memakai open source juga merupakan strategi mitigasi risiko.\nKode yang terbuka mengurangi ketergantungan pada roadmap dan harga dari satu\nvendor. Namun kebebasan itu tidak berarti setiap organisasi sebaiknya membuat\nsalinan sendiri lalu berjalan terpisah.\n\n*Private fork* dapat menjadi utang teknis: setiap rilis upstream memunculkan\npatch, konflik, dan pekerjaan keamanan yang harus dipelihara sendiri. Riset\nLinux Foundation 2026 mencatat rata-rata biaya pemeliharaan private fork\nmencapai 5.160 jam kerja atau sekitar US$258.000 per siklus rilis.\n\nKarena itu, kontribusi ke *upstream* sering menjadi keputusan bisnis yang lebih\nbaik daripada memelihara perubahan secara tertutup. Perbaikan keamanan dan\nfitur yang diterima proyek utama dapat dipakai kembali oleh semua pengguna,\ntermasuk organisasi yang menyumbangkannya.\n\n## Mesin ekonomi di sekitar kode\n\nEkosistem open source memonetisasi layanan dan koordinasi di sekeliling kode,\nbukan membatasi salinan kodenya. Perusahaan membayar keanggotaan untuk ikut\nmenentukan arah proyek dan bekerja dalam kelompok standar. Banyak yayasan juga\nmenjalankan sertifikasi, pelatihan, serta konferensi.\n\nDi sisi lain, proyek *community-first* dapat memakai *fiscal host* untuk\nmenerima donasi dan hibah. Bentuknya berbeda-beda, tetapi prinsipnya sama:\norang yang mendapat nilai dari proyek ikut menanggung pemeliharaan proyek.\n\n## Kontribusi sebagai investasi\n\nKontribusi tidak harus berupa kode. Bisa juga berupa pelaporan bug, pengujian,\ndokumentasi, dukungan komunitas, pendanaan, atau keanggotaan yayasan. Dalam\nsurvei Linux Foundation terhadap lebih dari 500 pemimpin TI, kontribusi kode\nmemiliki rasio manfaat-biaya 3,6x, sementara keanggotaan yayasan mencapai 4,8x.\n\nAngka tersebut bukan janji bagi setiap organisasi, tetapi memberikan satu\npelajaran: kontribusi aktif dapat mengurangi biaya pemeliharaan sekaligus\nmempercepat respons keamanan dan pengembangan produk.\n\n## Tantangan: keamanan dan regulasi\n\nOpen source tetap membutuhkan pemeliharaan yang disiplin. Ketergantungan harus\ndipantau, kerentanan perlu ditangani, dan pengguna perlu mengetahui siapa yang\nbertanggung jawab atas sebuah komponen.\n\nCyber Resilience Act Uni Eropa menunjukkan arah tuntutan ini. Mulai 11\nSeptember 2026, produsen harus memberi peringatan awal atas kerentanan yang\ndieksploitasi aktif atau insiden berat dalam 24 jam setelah mengetahuinya.\nKewajiban ini bukan alasan untuk menjauhi open source, justru ini alasan untuk\nmembangun proses pemeliharaan, koordinasi disclosure, dan kontribusi\nyang sehat.\n\nPada akhirnya, daya tahan open source datang dari gotong royong R&D. Kode yang\nterbuka memperbolehkan banyak pihak berbagi biaya, memperbaiki masalah yang\nsama, dan membangun layanan bernilai di atas fondasi bersama. Kolaborasi itu\nyang membuatnya lebih adaptif daripada model perangkat lunak tertutup semata.\n\n## Referensi\n\n- [TOP500: Linux operating system family](https://www.top500.org/statistics/details/osfam/1/)\n- [Linux Foundation: ROI for Open Source Software Contribution](https://www.linuxfoundation.org/research/contribution-roi)\n- [Linux Foundation: laporan tentang biaya private fork dan ROI kontribusi](https://www.linuxfoundation.org/press/new-linux-foundation-report-shows-active-open-source-contribution-delivers-2-5x-roi-while-passive-consumption-increases-costly-technical-debt)\n- [Komisi Eropa: kewajiban pelaporan Cyber Resilience Act](https://digital-strategy.ec.europa.eu/en/policies/cra-reporting)",
     "sourceUrl": "https://github.com/IndopenSource/Blog-IndopenSource/blob/main/content/2026/07/bagaimana-open-source-mampu-bertahan.md",
@@ -126,6 +212,8 @@
       "roadmap"
     ],
     "status": "published",
+    "lang": "id",
+    "translationKey": "",
     "thumbnail": "https://raw.githubusercontent.com/IndopenSource/Blog-IndopenSource/main/content/2026/06/assets/memperkenalkan-blog-indopensource.jpg",
     "content": "Blog IndopenSource disiapkan sebagai tempat mencatat kerja komunitas open source\nIndonesia secara rapi dan mudah ditinjau.\n\n## Fokus Awal\n\nFokus awal blog ini adalah tulisan yang membantu pembaca menemukan proyek,\nmemahami praktik perawatan open source, dan mengikuti perkembangan komunitas.\n\nKategori awal yang akan dikurasi:\n\n- Project spotlight.\n- Learning notes.\n- Release notes.\n- Catatan maintenance.\n- Kabar komunitas.\n\n## Cara Berkontribusi\n\nKontributor dapat menyalin template dari `templates/article.md`, membuat file di\nfolder `content/YYYY/MM/`, lalu membuka pull request.\n\nSetiap tulisan akan direview agar struktur, sumber, dan nada tulisannya sesuai\ndengan kebutuhan pembaca IndopenSource.\n\n## Langkah Berikutnya\n\nSetelah alur editorial stabil, konten dari repo ini dapat diintegrasikan ke\nwebsite `indopensource.org`.",
     "sourceUrl": "https://github.com/IndopenSource/Blog-IndopenSource/blob/main/content/2026/06/memperkenalkan-blog-indopensource.md",
diff --git a/src/data/projects.json b/src/data/projects.json
index ab8f07d..ad9de95 100644
--- a/src/data/projects.json
+++ b/src/data/projects.json
@@ -21,8 +21,8 @@
       "user-agent",
       "user-agent-parser"
     ],
-    "updatedAt": "2026-07-22T01:49:00Z",
-    "pushedAt": "2026-07-20T18:03:11Z",
+    "updatedAt": "2026-07-23T06:19:07Z",
+    "pushedAt": "2026-07-23T06:18:48Z",
     "latestRelease": {
       "name": "v2.0.10",
       "tagName": "2.0.10",
@@ -32,7 +32,7 @@
     "archived": false,
     "licenseSpdx": "AGPL-3.0",
     "createdAt": "2012-02-01T01:11:49Z",
-    "openIssues": 12,
+    "openIssues": 13,
     "openPullRequests": 2,
     "subscribers": 130,
     "communityHealth": 100,
@@ -48,7 +48,7 @@
     "url": "https://github.com/laravolt/avatar",
     "homepage": "",
     "language": "PHP",
-    "stars": 1983,
+    "stars": 1984,
     "forks": 186,
     "topics": [
       "avatar",
@@ -57,7 +57,7 @@
       "php",
       "php-library"
     ],
-    "updatedAt": "2026-07-21T15:58:34Z",
+    "updatedAt": "2026-07-23T12:59:10Z",
     "pushedAt": "2026-07-21T15:58:49Z",
     "latestRelease": {
       "name": "7.0.0",
@@ -130,7 +130,7 @@
       "sistem-informasi-desa"
     ],
     "updatedAt": "2026-07-22T13:40:31Z",
-    "pushedAt": "2026-07-23T05:30:50Z",
+    "pushedAt": "2026-07-23T07:09:04Z",
     "latestRelease": {
       "name": "Rilis v2607.0.0",
       "tagName": "v2607.0.0",
@@ -140,7 +140,7 @@
     "archived": false,
     "licenseSpdx": "",
     "createdAt": "2016-05-21T10:55:38Z",
-    "openIssues": 350,
+    "openIssues": 352,
     "openPullRequests": 7,
     "subscribers": 110,
     "communityHealth": 50,
@@ -253,7 +253,7 @@
     "url": "https://github.com/Drenzzz/ADBKit",
     "homepage": "",
     "language": "TypeScript",
-    "stars": 327,
+    "stars": 329,
     "forks": 38,
     "topics": [
       "adb",
@@ -264,7 +264,7 @@
       "wails",
       "wails-app"
     ],
-    "updatedAt": "2026-07-21T11:20:49Z",
+    "updatedAt": "2026-07-23T16:07:50Z",
     "pushedAt": "2026-07-15T07:04:13Z",
     "latestRelease": {
       "name": "v1.3",
@@ -313,13 +313,13 @@
       "token-reduction",
       "token-savings"
     ],
-    "updatedAt": "2026-07-23T05:00:52Z",
-    "pushedAt": "2026-07-23T05:00:38Z",
+    "updatedAt": "2026-07-23T16:34:39Z",
+    "pushedAt": "2026-07-23T16:33:56Z",
     "latestRelease": {
-      "name": "v0.6.3",
-      "tagName": "v0.6.3",
-      "url": "https://github.com/fajarhide/omni/releases/tag/v0.6.3",
-      "publishedAt": "2026-07-21T10:28:44Z"
+      "name": "v0.6.4",
+      "tagName": "v0.6.4",
+      "url": "https://github.com/fajarhide/omni/releases/tag/v0.6.4",
+      "publishedAt": "2026-07-23T16:20:08Z"
     },
     "archived": false,
     "licenseSpdx": "MIT",
@@ -340,7 +340,7 @@
     "url": "https://github.com/hadziqmtqn/erd-builder-pro",
     "homepage": "https://www.erdbuilderpro.com",
     "language": "TypeScript",
-    "stars": 174,
+    "stars": 175,
     "forks": 33,
     "topics": [
       "coding",
@@ -352,7 +352,7 @@
       "productivity",
       "tiptap-editor"
     ],
-    "updatedAt": "2026-07-22T14:50:59Z",
+    "updatedAt": "2026-07-23T14:21:04Z",
     "pushedAt": "2026-07-22T07:01:42Z",
     "latestRelease": {
       "name": "v3.2.1",
@@ -380,7 +380,7 @@
     "homepage": "https://termul.dev",
     "language": "TypeScript",
     "stars": 166,
-    "forks": 34,
+    "forks": 35,
     "topics": [
       "cross-platform",
       "desktop-app",
@@ -407,8 +407,8 @@
     "archived": false,
     "licenseSpdx": "MIT",
     "createdAt": "2026-01-13T04:36:02Z",
-    "openIssues": 39,
-    "openPullRequests": 12,
+    "openIssues": 40,
+    "openPullRequests": 14,
     "subscribers": 0,
     "communityHealth": 71,
     "readmeHtml": "<div><h2>🖥️ Termul Manager</h2>\n<p><strong>A modern, project-aware terminal manager built with Tauri</strong></p>\n<p>Termul treats workspaces as first-class citizens, allowing you to organize terminals by project with persistent sessions, snapshots, and a clean tabbed interface.</p>\n<p><a href=\"https://github.com/gnoviawan/termul/stargazers\" rel=\"noopener noreferrer\"><img src=\"https://img.shields.io/github/stars/gnoviawan/termul?style=social\" alt=\"GitHub Stars\" /></a>\n<a href=\"https://github.com/gnoviawan/termul/issues\" rel=\"noopener noreferrer\"><img src=\"https://img.shields.io/github/issues/gnoviawan/termul\" alt=\"GitHub Issues\" /></a>\n<a href=\"https://github.com/gnoviawan/termul/blob/dev/LICENSE\" rel=\"noopener noreferrer\"><img src=\"https://img.shields.io/github/license/gnoviawan/termul\" alt=\"License\" /></a>\n<a href=\"https://github.com/gnoviawan/termul/releases\" rel=\"noopener noreferrer\"><img src=\"https://img.shields.io/github/v/release/gnoviawan/termul?include_prereleases\" alt=\"Latest Release\" /></a></p>\n<p><a href=\"https://github.com/gnoviawan/termul\" rel=\"noopener noreferrer\"><img src=\"https://img.shields.io/badge/Platform-Windows%20%7C%20macOS%20%7C%20Linux-blue\" alt=\"Platform\" /></a>\n<a href=\"https://tauri.app\" rel=\"noopener noreferrer\"><img src=\"https://img.shields.io/badge/Tauri-2.0-FFC131?logo=tauri&amp;logoColor=white\" alt=\"Tauri\" /></a>\n<a href=\"https://react.dev\" rel=\"noopener noreferrer\"><img src=\"https://img.shields.io/badge/React-18-61DAFB?logo=react&amp;logoColor=white\" alt=\"React\" /></a>\n<a href=\"https://www.typescriptlang.org\" rel=\"noopener noreferrer\"><img src=\"https://img.shields.io/badge/TypeScript-5-3178C6?logo=typescript&amp;logoColor=white\" alt=\"TypeScript\" /></a></p>\n<p><a href=\"#-getting-started\" rel=\"noopener noreferrer\">Getting Started</a> · <a href=\"#-features\" rel=\"noopener noreferrer\">Features</a> · <a href=\"#-documentation\" rel=\"noopener noreferrer\">Documentation</a> · <a href=\"https://github.com/gnoviawan/termul/blob/dev/CONTRIBUTING.md\" rel=\"noopener noreferrer\">Contributing</a> · <a href=\"https://github.com/gnoviawan/termul/issues/new?template=bug_report.md\" rel=\"noopener noreferrer\">Report Bug</a> · <a href=\"https://github.com/gnoviawan/termul/issues/new?template=feature_request.md\" rel=\"noopener noreferrer\">Request Feature</a></p>\n</div><hr />\n<h2>✨ Features</h2>\n<h3>🪟 Workspace &amp; Terminal Management</h3>\n<table>\n<thead>\n<tr>\n<th>Feature</th>\n<th>Description</th>\n</tr>\n</thead>\n<tbody><tr>\n<td><strong>Project-Based Workspaces</strong></td>\n<td>Organize terminals by project with dedicated workspace directories, separate state, and per-project configuration</td>\n</tr>\n<tr>\n<td><strong>Pane-Based Split Layout</strong></td>\n<td>Split your workspace into resizable panes and arrange terminals, editors, and browser tabs side by side</td>\n</tr>\n<tr>\n<td><strong>Tabbed Interface</strong></td>\n<td>Windows Terminal-style tab bar with drag-and-drop reordering, rename, and context menu</td>\n</tr>\n<tr>\n<td><strong>Multiple Shell Support</strong></td>\n<td>Auto-detects PowerShell, CMD, Git Bash, WSL, fish, zsh, and more; switch shells per tab</td>\n</tr>\n</tbody></table>\n<h3>📝 Editor &amp; File Management</h3>\n<table>\n<thead>\n<tr>\n<th>Feature</th>\n<th>Description</th>\n</tr>\n</thead>\n<tbody><tr>\n<td><strong>Code Editor</strong></td>\n<td>Built-in code editor with syntax highlighting, file buffers, dirty-state tracking, and save/reload</td>\n</tr>\n<tr>\n<td><strong>Markdown Editor</strong></td>\n<td>Rich markdown editing powered by BlockNote with live preview, table of contents, and heading navigation</td>\n</tr>\n<tr>\n<td><strong>Mermaid Diagrams</strong></td>\n<td>Render Mermaid diagrams inline within your markdown documents</td>\n</tr>\n<tr>\n<td><strong>File Explorer</strong></td>\n<td>Full file tree with create, rename, delete, clipboard operations, drag-and-drop, and context menus</td>\n</tr>\n<tr>\n<td><strong>File Watching</strong></td>\n<td>Live file watching for real-time updates as files change on disk</td>\n</tr>\n</tbody></table>\n<h3>🌐 Browser &amp; Annotation</h3>\n<table>\n<thead>\n<tr>\n<th>Feature</th>\n<th>Description</th>\n</tr>\n</thead>\n<tbody><tr>\n<td><strong>Embedded Browser Tabs</strong></td>\n<td>Browse the web directly inside your workspace using child webview tabs — no app switching</td>\n</tr>\n<tr>\n<td><strong>Annotation Workflow</strong></td>\n<td>Capture browser states, annotate with severity and intent labels, review, and export</td>\n</tr>\n<tr>\n<td><strong>Annotation Export</strong></td>\n<td>Package annotations with metadata into structured export formats</td>\n</tr>\n</tbody></table>\n<h3>⚡ Power User Tools</h3>\n<table>\n<thead>\n<tr>\n<th>Feature</th>\n<th>Description</th>\n</tr>\n</thead>\n<tbody><tr>\n<td><strong>Command Palette</strong></td>\n<td>Global command launcher (<code>Ctrl+K</code> / <code>Ctrl+Shift+P</code>) for project switching, workspace actions, and more</td>\n</tr>\n<tr>\n<td><strong>Command History</strong></td>\n<td>Per-project and aggregate command history viewer with search</td>\n</tr>\n<tr>\n<td><strong>Keyboard Shortcuts</strong></td>\n<td>Fully customizable shortcut bindings for every action</td>\n</tr>\n<tr>\n<td><strong>Git Integration</strong></td>\n<td>Status bar shows current branch, working directory, git status, and exit code</td>\n</tr>\n<tr>\n<td><strong>Custom Title Bar</strong></td>\n<td>Desktop-native title bar with window controls, sidebar toggles, and settings navigation</td>\n</tr>\n</tbody></table>\n<h3>🔧 System &amp; Reliability</h3>\n<table>\n<thead>\n<tr>\n<th>Feature</th>\n<th>Description</th>\n</tr>\n</thead>\n<tbody><tr>\n<td><strong>Auto-Updater</strong></td>\n<td>Built-in update infrastructure with signed artifacts — get notified and update without leaving the app</td>\n</tr>\n<tr>\n<td><strong>State Management</strong></td>\n<td>Zustand-powered reactive stores for projects, terminals, workspace layout, editor buffers, browser sessions, and settings</td>\n</tr>\n<tr>\n<td><strong>Configurable Settings</strong></td>\n<td>Terminal and UI preferences, color picker, theme customization, and shell configuration</td>\n</tr>\n<tr>\n<td><strong>Cross-Platform</strong></td>\n<td>Works on Windows, macOS, and Linux with native platform packaging</td>\n</tr>\n<tr>\n<td><strong>Error Boundaries</strong></td>\n<td>Graceful error handling with runtime error boundaries and user-friendly fallback UI</td>\n</tr>\n</tbody></table>\n\n🗺️ Feature Map — Component Overview<table>\n<thead>\n<tr>\n<th>Domain</th>\n<th>Key Components</th>\n<th>Zustand Store</th>\n</tr>\n</thead>\n<tbody><tr>\n<td><strong>Workspace</strong></td>\n<td><code>WorkspaceLayout</code>, <code>PaneRenderer</code>, <code>PaneContent</code>, <code>WorkspaceTabBar</code></td>\n<td><code>workspace-store</code></td>\n</tr>\n<tr>\n<td><strong>Terminal</strong></td>\n<td><code>ConnectedTerminal</code>, <code>XTerminal</code>, <code>TerminalSearchBar</code>, <code>ActivityIndicator</code></td>\n<td><code>terminal-store</code></td>\n</tr>\n<tr>\n<td><strong>Editor</strong></td>\n<td><code>EditorPanel</code>, <code>CodeEditor</code>, <code>MarkdownEditor</code>, <code>EditorToolbar</code>, <code>MermaidBlock</code></td>\n<td><code>editor-store</code></td>\n</tr>\n<tr>\n<td><strong>Browser</strong></td>\n<td><code>BrowserPanel</code>, <code>BrowserControls</code>, <code>AnnotationPanel</code>, <code>AnnotationExportModal</code></td>\n<td><code>browser-session-store</code>, <code>annotation-store</code></td>\n</tr>\n<tr>\n<td><strong>File Explorer</strong></td>\n<td><code>FileExplorer</code>, <code>FileTreeNode</code>, <code>FileTreeContextMenu</code></td>\n<td>—</td>\n</tr>\n<tr>\n<td><strong>Snapshots</strong></td>\n<td><code>CreateSnapshotModal</code>, <code>RestoreSnapshotModal</code>, <code>DeleteSnapshotModal</code></td>\n<td><code>snapshot-store</code></td>\n</tr>\n<tr>\n<td><strong>Projects</strong></td>\n<td><code>ProjectSidebar</code>, <code>NewProjectModal</code></td>\n<td><code>project-store</code></td>\n</tr>\n<tr>\n<td><strong>Settings</strong></td>\n<td><code>ShortcutRecorder</code>, <code>ColorPickerPopover</code>, <code>ContextBarSettingsPopover</code></td>\n<td><code>app-settings-store</code>, <code>context-bar-settings-store</code></td>\n</tr>\n<tr>\n<td><strong>Updates</strong></td>\n<td><code>UpdateAvailableToast</code>, <code>UpdateReadyModal</code></td>\n<td><code>updater-store</code></td>\n</tr>\n<tr>\n<td><strong>Shared</strong></td>\n<td><code>CommandPalette</code>, <code>ContextMenu</code>, <code>ConfirmDialog</code>, <code>ShellSelector</code>, <code>ErrorBoundary</code></td>\n<td>—</td>\n</tr>\n</tbody></table>\n<h2>📸 Screenshots</h2>\n<p><img src=\"https://raw.githubusercontent.com/gnoviawan/termul/dev/img/termul.png\" alt=\"Termul Manager Screenshot\" /></p>\n<h2>📦 Install</h2>\n<h3>Homebrew (macOS)</h3>\n<pre><code class=\"language-bash\">brew tap gnoviawan/termul\nbrew install --cask termul\n</code></pre>\n<h3>curl (macOS/Linux)</h3>\n<pre><code class=\"language-bash\">curl -fsSL https://raw.githubusercontent.com/gnoviawan/termul/main/scripts/install.sh | bash\n</code></pre>\n<p>Windows users should install the <code>.exe</code> or <code>.msi</code> from <a href=\"https://github.com/gnoviawan/termul/releases\" rel=\"noopener noreferrer\">GitHub Releases</a>. Manual DMG downloads in a browser may still hit Gatekeeper, so macOS users should prefer Homebrew or curl.</p>\n<h2>🚀 Getting Started</h2>\n<h3>Prerequisites</h3>\n<table>\n<thead>\n<tr>\n<th>Dependency</th>\n<th>Version</th>\n<th>Notes</th>\n</tr>\n</thead>\n<tbody><tr>\n<td><a href=\"https://bun.sh\" rel=\"noopener noreferrer\">Bun</a></td>\n<td>1.3+</td>\n<td>JavaScript runtime and package manager</td>\n</tr>\n<tr>\n<td><a href=\"https://www.rust-lang.org/tools/install\" rel=\"noopener noreferrer\">Rust</a></td>\n<td>Latest stable</td>\n<td>Required for Tauri builds</td>\n</tr>\n</tbody></table>\n<h4>Platform-Specific Requirements</h4>\n\nWindows<ul>\n<li>Microsoft Visual C++ Build Tools (included in Visual Studio 2022)</li>\n<li><a href=\"https://developer.microsoft.com/en-us/microsoft-edge/webview2/\" rel=\"noopener noreferrer\">WebView2 Runtime</a> (pre-installed on Windows 10+)</li>\n</ul>\n\nmacOS<pre><code class=\"language-bash\">xcode-select --install\n</code></pre>\n\nLinux (Debian/Ubuntu)<pre><code class=\"language-bash\">sudo apt update\nsudo apt install libwebkit2gtk-4.1-dev \\\n    build-essential curl wget file \\\n    libxdo-dev libssl-dev \\\n    libayatana-appindicator3-dev \\\n    librsvg2-dev patchelf\n</code></pre>\n\nLinux (Fedora)<pre><code class=\"language-bash\">sudo dnf install webkit2gtk4.1-devel \\\n    gcc gcc-c++ libopenssl-devel \\\n    appindicator-devel librsvg2-devel \\\n    patchelf\n</code></pre>\n<h3>Install Rust Toolchain</h3>\n<pre><code class=\"language-bash\">curl --proto '=https' --tlsv1.2 -sSf https://sh.rustup.rs | sh\nrustc --version &amp;&amp; cargo --version\n</code></pre>\n<h3>Quick Start</h3>\n<pre><code class=\"language-bash\"># Clone the repository\ngit clone https://github.com/gnoviawan/termul.git\ncd termul\n\n# Install dependencies\nbun install\n\n# Launch in development mode\nbun run dev\n</code></pre>\n<h3>Landing Page</h3>\n<p>This repository also includes a standalone Vite landing page under <code>landing/</code>.</p>\n<pre><code class=\"language-bash\"># Install landing page dependencies (from landing/)\ncd landing &amp;&amp; bun install\n\n# Start the landing page dev server\nbun run landing:dev\n\n# Lint the landing page\nbun run landing:lint\n\n# Build the landing page for production\nbun run landing:build\n</code></pre>\n<h3>Building for Production</h3>\n<pre><code class=\"language-bash\"># Build for your current platform\nbun run build\n\n# Platform-specific builds\nbun run build:tauri:win        # Windows (x64)\nbun run build:tauri:mac-arm    # macOS (Apple Silicon)\nbun run build:tauri:mac-x64    # macOS (Intel)\nbun run build:tauri:linux      # Linux (x64)\n\n# Debug build (faster compilation, larger binary)\nbun run build:tauri:debug\n</code></pre>\n<p>Build output: <code>src-tauri/target/release/bundle/</code></p>\n<h2>📖 Documentation</h2>\n<h3>Usage</h3>\n<h4>Creating a Project</h4>\n<ol>\n<li>Click the <strong>+</strong> button in the sidebar to create a new project</li>\n<li>Select a workspace directory</li>\n<li>Configure your default shell (optional)</li>\n</ol>\n<h4>Terminal Tabs</h4>\n<table>\n<thead>\n<tr>\n<th>Action</th>\n<th>How</th>\n</tr>\n</thead>\n<tbody><tr>\n<td>New terminal</td>\n<td>Click <strong>+</strong> next to tabs</td>\n</tr>\n<tr>\n<td>Select specific shell</td>\n<td>Click the dropdown arrow</td>\n</tr>\n<tr>\n<td>Reorder tabs</td>\n<td>Drag and drop</td>\n</tr>\n<tr>\n<td>Rename tab</td>\n<td>Double-click the tab</td>\n</tr>\n<tr>\n<td>Context menu</td>\n<td>Right-click (rename, close, kill process)</td>\n</tr>\n</tbody></table>\n<h4>Keyboard Shortcuts</h4>\n<table>\n<thead>\n<tr>\n<th>Action</th>\n<th>Default Shortcut</th>\n</tr>\n</thead>\n<tbody><tr>\n<td>New Terminal</td>\n<td><code>Ctrl+T</code></td>\n</tr>\n<tr>\n<td>Next Tab</td>\n<td><code>Ctrl+PageDown</code></td>\n</tr>\n<tr>\n<td>Previous Tab</td>\n<td><code>Ctrl+PageUp</code></td>\n</tr>\n<tr>\n<td>Command Palette</td>\n<td><code>Ctrl+K</code> / <code>Ctrl+Shift+P</code></td>\n</tr>\n</tbody></table>\n<blockquote>\n<p>Shortcuts are customizable in Settings. On Tauri/WebView2, browser-reserved shortcuts such as <code>Ctrl+Tab</code> are not used as defaults because they are not reliably interceptable.</p>\n</blockquote>\n<h3>Architecture</h3>\n<h4>Tech Stack</h4>\n<table>\n<thead>\n<tr>\n<th>Layer</th>\n<th>Technology</th>\n</tr>\n</thead>\n<tbody><tr>\n<td>Desktop Runtime</td>\n<td><a href=\"https://tauri.app\" rel=\"noopener noreferrer\">Tauri 2.0</a></td>\n</tr>\n<tr>\n<td>Backend</td>\n<td><a href=\"https://www.rust-lang.org\" rel=\"noopener noreferrer\">Rust</a></td>\n</tr>\n<tr>\n<td>UI Framework</td>\n<td><a href=\"https://react.dev\" rel=\"noopener noreferrer\">React 18</a></td>\n</tr>\n<tr>\n<td>Type System</td>\n<td><a href=\"https://www.typescriptlang.org\" rel=\"noopener noreferrer\">TypeScript</a></td>\n</tr>\n<tr>\n<td>Build Tool</td>\n<td><a href=\"https://vitejs.dev\" rel=\"noopener noreferrer\">Vite</a></td>\n</tr>\n<tr>\n<td>Styling</td>\n<td><a href=\"https://tailwindcss.com\" rel=\"noopener noreferrer\">Tailwind CSS</a> + <a href=\"https://ui.shadcn.com\" rel=\"noopener noreferrer\">shadcn/ui</a></td>\n</tr>\n<tr>\n<td>State Management</td>\n<td><a href=\"https://zustand-demo.pmnd.rs\" rel=\"noopener noreferrer\">Zustand</a></td>\n</tr>\n<tr>\n<td>Terminal Emulation</td>\n<td><a href=\"https://github.com/nicegram/tauri-pty\" rel=\"noopener noreferrer\">tauri-pty</a> + <a href=\"https://xtermjs.org\" rel=\"noopener noreferrer\">xterm.js</a></td>\n</tr>\n<tr>\n<td>Animations</td>\n<td><a href=\"https://www.framer.com/motion\" rel=\"noopener noreferrer\">Framer Motion</a></td>\n</tr>\n</tbody></table>\n<h4>Tauri Plugins</h4>\n<table>\n<thead>\n<tr>\n<th>Plugin</th>\n<th>Purpose</th>\n</tr>\n</thead>\n<tbody><tr>\n<td><code>@tauri-apps/plugin-fs</code></td>\n<td>Filesystem access</td>\n</tr>\n<tr>\n<td><code>@tauri-apps/plugin-store</code></td>\n<td>Configuration persistence</td>\n</tr>\n<tr>\n<td><code>@tauri-apps/plugin-os</code></td>\n<td>OS information</td>\n</tr>\n<tr>\n<td><code>@tauri-apps/plugin-dialog</code></td>\n<td>Native dialogs</td>\n</tr>\n<tr>\n<td><code>@tauri-apps/plugin-clipboard-manager</code></td>\n<td>Clipboard operations</td>\n</tr>\n<tr>\n<td><code>@tauri-apps/plugin-updater</code></td>\n<td>Automatic updates</td>\n</tr>\n<tr>\n<td><code>@tauri-apps/plugin-process</code></td>\n<td>Process management</td>\n</tr>\n</tbody></table>\n<h4>Project Structure</h4>\n<pre><code class=\"language-text\">src/\n├── renderer/           # React frontend\n│   ├── components/     # UI components\n│   ├── hooks/          # Custom React hooks\n│   ├── lib/            # Runtime adapters &amp; desktop integration\n│   ├── pages/          # Page components\n│   └── stores/         # Zustand stores\n├── shared/             # Shared types (main/renderer)\nsrc-tauri/              # Rust backend, config &amp; bundling\ndocs/electron-old/      # Archived Electron docs &amp; migration history\n</code></pre>\n<h4>Platform Adapters</h4>\n<p>The renderer uses an adapter/service layer to keep desktop integrations isolated from UI code:</p>\n<pre><code class=\"language-text\">src/renderer/lib/\n├── tauri-*.ts        # Tauri-native integrations\n├── *.ts              # Runtime-safe facades &amp; helpers\n└── __tests__/        # Regression &amp; parity coverage\n</code></pre>\n<h2>🛠️ Development</h2>\n<pre><code class=\"language-bash\">bun run dev              # Development mode with hot reload\nbun run test             # Run tests\nbun run test:watch       # Tests in watch mode\nbun run typecheck        # Type checking\nbun run lint             # Linting\nbun run tauri &lt;command&gt;  # Direct Tauri CLI access\n</code></pre>\n<h2>SSH Development Notes</h2>\n<ul>\n<li>SSH passwords and key passphrases are stored through the OS keychain, not in <code>ssh-profiles.json</code>.</li>\n<li>Active SSH sessions may retain the relevant secret in process memory only to support automatic reconnect; use SSH agent authentication to avoid runtime secret retention.</li>\n<li>Interactive SSH terminals use OpenSSH's default known-hosts file with <code>StrictHostKeyChecking=accept-new</code>; do not override <code>UserKnownHostsFile</code> to <code>/dev/null</code>/<code>NUL</code> because that disables persistent host-key verification.</li>\n<li>Local port forwarding uses <code>ssh2</code> <code>channel_direct_tcpip</code> over the active SSH session; remote/reverse forwarding is not supported by the MVP command path yet.</li>\n<li><code>ssh2</code> intentionally stays on system OpenSSL for now. Enabling <code>vendored-openssl</code> forces a local OpenSSL source build that can fail in Windows/MSYS environments without a complete Perl module setup.</li>\n</ul>\n<h2>⭐ Star History</h2>\n<p><a href=\"https://www.star-history.com/?type=date&amp;repos=gnoviawan%2Ftermul\" rel=\"noopener noreferrer\"><img src=\"https://api.star-history.com/chart?repos=gnoviawan/termul&amp;type=date&amp;legend=top-left\" alt=\"Star History Chart\" /></a></p>\n<h2>🤝 Contributing</h2>\n<p>Contributions are welcome! Please read the <a href=\"https://github.com/gnoviawan/termul/blob/dev/CONTRIBUTING.md\" rel=\"noopener noreferrer\">Contributing Guide</a> for details on our code of conduct and the process for submitting pull requests.</p>\n<h2>📄 License</h2>\n<p>This project is licensed under the MIT License — see the <a href=\"https://github.com/gnoviawan/termul/blob/dev/LICENSE\" rel=\"noopener noreferrer\">LICENSE</a> file for details.</p>\n<h2>🙏 Acknowledgments</h2>\n<ul>\n<li><a href=\"https://github.com/microsoft/terminal\" rel=\"noopener noreferrer\">Windows Terminal</a> — Tab bar UX inspiration</li>\n<li><a href=\"https://github.com/vercel/hyper\" rel=\"noopener noreferrer\">Hyper</a> — Extensible terminal design inspiration</li>\n<li><a href=\"https://github.com/xtermjs/xterm.js\" rel=\"noopener noreferrer\">xterm.js</a> — Terminal rendering</li>\n<li><a href=\"https://ui.shadcn.com/\" rel=\"noopener noreferrer\">shadcn/ui</a> — UI components</li>\n<li><a href=\"https://tauri.app/\" rel=\"noopener noreferrer\">Tauri</a> — Desktop app framework</li>\n</ul>\n<hr />\n<div><p>Built with ❤️ by <a href=\"https://github.com/gnoviawan\" rel=\"noopener noreferrer\">gnoviawan</a></p>\n</div>\n"
@@ -473,7 +473,7 @@
     "url": "https://github.com/codecoradev/uteke",
     "homepage": "https://codecora.dev",
     "language": "Rust",
-    "stars": 127,
+    "stars": 129,
     "forks": 15,
     "topics": [
       "ai",
@@ -490,7 +490,7 @@
       "sqlite",
       "vector-database"
     ],
-    "updatedAt": "2026-07-23T03:40:07Z",
+    "updatedAt": "2026-07-23T14:51:37Z",
     "pushedAt": "2026-07-23T03:39:52Z",
     "latestRelease": {
       "name": "Release v0.10.0",
@@ -551,10 +551,10 @@
     "url": "https://github.com/jipraks/kasirgratisan",
     "homepage": "",
     "language": "TypeScript",
-    "stars": 112,
+    "stars": 113,
     "forks": 56,
     "topics": [],
-    "updatedAt": "2026-07-20T04:58:20Z",
+    "updatedAt": "2026-07-23T10:00:33Z",
     "pushedAt": "2026-07-13T00:57:27Z",
     "latestRelease": null,
     "archived": false,
@@ -657,7 +657,7 @@
     "url": "https://github.com/mydisha/keirouter",
     "homepage": "https://keirouter.app",
     "language": "Go",
-    "stars": 92,
+    "stars": 94,
     "forks": 33,
     "topics": [
       "ai",
@@ -679,8 +679,8 @@
       "rtk",
       "zai"
     ],
-    "updatedAt": "2026-07-22T15:09:52Z",
-    "pushedAt": "2026-07-16T08:27:50Z",
+    "updatedAt": "2026-07-23T16:46:55Z",
+    "pushedAt": "2026-07-23T16:43:15Z",
     "latestRelease": {
       "name": "v0.1.26",
       "tagName": "v0.1.26",
@@ -691,7 +691,7 @@
     "licenseSpdx": "MIT",
     "createdAt": "2026-05-31T09:02:50Z",
     "openIssues": 1,
-    "openPullRequests": 3,
+    "openPullRequests": 2,
     "subscribers": 0,
     "communityHealth": 100,
     "readmeHtml": "<p>\n  <img src=\"https://raw.githubusercontent.com/mydisha/keirouter/main/keirouter-logo.png\" alt=\"KeiRouter Logo\" width=\"160\" />\n</p><h2>KeiRouter 🚀</h2><p>\n  <strong>Your friendly, blazing-fast, self-hostable AI gateway.</strong>\n</p><p>\n  <a href=\"https://github.com/mydisha/keirouter/actions/workflows/ci.yml\" rel=\"noopener noreferrer\"><img src=\"https://github.com/mydisha/keirouter/actions/workflows/ci.yml/badge.svg\" alt=\"CI\" /></a>\n  <a href=\"https://go.dev/\" rel=\"noopener noreferrer\"><img src=\"https://img.shields.io/badge/Go-1.24+-00ADD8?logo=go&amp;logoColor=white\" alt=\"Go 1.24+\" /></a>\n  <a href=\"https://github.com/mydisha/keirouter/pkgs/container/keirouter\" rel=\"noopener noreferrer\"><img src=\"https://img.shields.io/badge/Docker-GHCR-2496ED?logo=docker&amp;logoColor=white\" alt=\"Docker Image\" /></a>\n  <a href=\"https://github.com/mydisha/keirouter/blob/main/LICENSE\" rel=\"noopener noreferrer\"><img src=\"https://img.shields.io/badge/License-MIT-yellow.svg\" alt=\"License: MIT\" /></a>\n</p><p>\n  <img src=\"https://raw.githubusercontent.com/mydisha/keirouter/main/assets/keirouter-social-banner.png\" alt=\"KeiRouter Dashboard\" width=\"800\" />\n</p><hr />\n<h2>So, what's the deal? 🤔</h2>\n<p>You use AI coding tools — Claude Code, Cursor, Cline, or honestly anything that talks to OpenAI or Anthropic. And you know the headaches: a drawer full of API keys, rate limits that hit at the worst time, and a token bill that keeps creeping up.</p>\n<p><strong>KeiRouter is the smart middleman that makes all of that someone else's problem.</strong> Point your tools at one local endpoint and let it handle the boring stuff — routing each request to the right model, failing over the moment a provider taps out, caching repeat questions, and squeezing oversized prompts down <em>before</em> they ever cost you a token.</p>\n<p>Oh, and it's written in Go. So it sips memory (~20 MB), boots instantly, ships as a single binary, and comes with a dashboard that's actually nice to look at. ✨</p>\n<blockquote>\n<p><strong>Heads up:</strong> KeiRouter is under active development. Peek at <a href=\"#-architecture\" rel=\"noopener noreferrer\">Architecture</a> to see what's wired up today.</p>\n</blockquote>\n<hr />\n<h2>📑 What's inside</h2>\n<ul>\n<li><a href=\"#-the-good-stuff\" rel=\"noopener noreferrer\">Highlights</a></li>\n<li><a href=\"#-quick-start\" rel=\"noopener noreferrer\">Quick Start</a><ul>\n<li><a href=\"#prerequisites\" rel=\"noopener noreferrer\">Prerequisites</a></li>\n<li><a href=\"#pick-your-install\" rel=\"noopener noreferrer\">Pick your install</a></li>\n<li><a href=\"#first-login\" rel=\"noopener noreferrer\">First login</a></li>\n<li><a href=\"#connect-your-tools\" rel=\"noopener noreferrer\">Connect your tools</a></li>\n</ul>\n</li>\n<li><a href=\"#-token-savings-where-the-money-hides\" rel=\"noopener noreferrer\">Token Savings</a></li>\n<li><a href=\"#-smart-routing-chains\" rel=\"noopener noreferrer\">Smart Routing (Chains)</a></li>\n<li><a href=\"#-it-does-more-than-chat\" rel=\"noopener noreferrer\">Beyond Chat</a></li>\n<li><a href=\"#-skip-the-keys-oauth\" rel=\"noopener noreferrer\">Connect via OAuth</a></li>\n<li><a href=\"#-plans--budgets\" rel=\"noopener noreferrer\">Plans &amp; Budgets</a></li>\n<li><a href=\"#-rate-limiting\" rel=\"noopener noreferrer\">Rate Limiting</a></li>\n<li><a href=\"#-guardrails\" rel=\"noopener noreferrer\">Guardrails</a></li>\n<li><a href=\"#-make-it-yours-branding\" rel=\"noopener noreferrer\">Branding &amp; White-Label</a></li>\n<li><a href=\"#-cli-tools-auto-config\" rel=\"noopener noreferrer\">CLI Tools Auto-Config</a></li>\n<li><a href=\"#-usage-portal\" rel=\"noopener noreferrer\">Usage Portal</a></li>\n<li><a href=\"#-supported-providers-60\" rel=\"noopener noreferrer\">Supported Providers</a></li>\n<li><a href=\"#-configuration\" rel=\"noopener noreferrer\">Configuration</a></li>\n<li><a href=\"#-architecture\" rel=\"noopener noreferrer\">Architecture</a></li>\n<li><a href=\"#-security\" rel=\"noopener noreferrer\">Security</a></li>\n<li><a href=\"#-hack-on-it\" rel=\"noopener noreferrer\">Development &amp; Contributing</a></li>\n<li><a href=\"#-license\" rel=\"noopener noreferrer\">License</a></li>\n</ul>\n<hr />\n<h2>⭐ The good stuff</h2>\n<p><strong>Routing &amp; reliability</strong></p>\n<ul>\n<li>🔀 <strong>One endpoint, every provider</strong> — Your apps speak OpenAI or Anthropic; KeiRouter quietly translates to whatever you actually want to use.</li>\n<li>🛡️ <strong>Never stop coding</strong> — Provider down? Rate limited? Fallback chains keep you moving like nothing happened.</li>\n<li>⚡ <strong>Semantic cache</strong> — Ask the same thing twice and the embedding-powered cache hands it back instantly, for a glorious $0.00.</li>\n</ul>\n<p><strong>Cost control</strong></p>\n<ul>\n<li>💸 <strong>Five token savers</strong> — Two on the way in, three on the way out, all on a live savings dashboard. Details in <a href=\"#-token-savings-where-the-money-hides\" rel=\"noopener noreferrer\">Token Savings</a>.</li>\n<li>💰 <strong>Budget engine</strong> — Per-key or per-org USD and token hard limits, with an auto-cutoff so surprise bills stay fictional.</li>\n<li>🚦 <strong>Rate limiting</strong> — Per-key RPM, TPM, and concurrency caps via global defaults or reusable plans.</li>\n<li>📋 <strong>Plans &amp; templates</strong> — Set the rules once, slap them on any key.</li>\n</ul>\n<p><strong>Safety &amp; governance</strong></p>\n<ul>\n<li>🛡️ <strong>Guardrails</strong> — PII, prompt-injection, toxicity, topics, and bias detectors layered global → provider → model → chain → key, with mid-stream output scanning and a fully-offline mode.</li>\n<li>🔐 <strong>Locked down by default</strong> — AES-256-GCM envelope encryption for credentials, a password-gated dashboard, HMAC sessions, and SSRF protection on outbound calls.</li>\n</ul>\n<p><strong>Operations &amp; UX</strong></p>\n<ul>\n<li>📊 <strong>See everything</strong> — Quota tracker, provider breakdowns, live key monitoring, TTFT metrics, and per-key summaries.</li>\n<li>🎨 <strong>White-label it</strong> — Rebrand the dashboard and portal with your own name, logo, and palette.</li>\n<li>🛠️ <strong>Skills &amp; CLI auto-config</strong> — Built-in skills plus copy-paste configs for 12+ coding tools.</li>\n<li>🌐 <strong>Usage portal</strong> — A no-admin-needed view so teammates can track their own usage and savings.</li>\n</ul>\n<p>\n  <img src=\"https://raw.githubusercontent.com/mydisha/keirouter/main/assets/keirouter-providers-banner.png\" alt=\"Manage AI Providers\" width=\"800\" />\n</p><p>\n  <img src=\"https://raw.githubusercontent.com/mydisha/keirouter/main/assets/keirouter-usage-banner.png\" alt=\"Intelligent Routing &amp; Topology\" width=\"800\" />\n</p><hr />\n<h2>🚀 Quick Start</h2>\n<h3>Prerequisites</h3>\n<p>Grab whichever path matches what's already on your machine — no need to install things you won't use:</p>\n<table>\n<thead>\n<tr>\n<th>Method</th>\n<th>You'll need</th>\n<th>Great for</th>\n</tr>\n</thead>\n<tbody><tr>\n<td><strong>Homebrew</strong></td>\n<td>macOS or Linux with Homebrew</td>\n<td>The fastest way to a prebuilt binary</td>\n</tr>\n<tr>\n<td><strong>Windows</strong></td>\n<td>Windows 10/11 with PowerShell</td>\n<td>Prebuilt binary, no Go/Node</td>\n</tr>\n<tr>\n<td><strong>From source</strong></td>\n<td>Go 1.24+ and Node.js 20+</td>\n<td>Local hacking / latest <code>main</code></td>\n</tr>\n<tr>\n<td><strong>Docker</strong></td>\n<td>Just Docker</td>\n<td>Clean, isolated runs</td>\n</tr>\n<tr>\n<td><strong>Docker Compose</strong></td>\n<td>Docker + Docker Compose</td>\n<td>VPS / production / Coolify</td>\n</tr>\n</tbody></table>\n<h3>Pick your install</h3>\n\n<strong>Option A — Homebrew (macOS &amp; Linux)</strong> · the easy button<pre><code class=\"language-bash\">brew tap mydisha/keirouter https://github.com/mydisha/keirouter\nbrew install keirouter\n\nkeirouter -bootstrap   # mint your first API key (printed once — don't blink)\nkeirouter start        # fire up the server on :20180\n</code></pre>\n\n<strong>Option B — One-line from source</strong> · for the tinkerers<p>Needs <strong>Go 1.24+</strong> and <strong>Node.js 20+</strong>. No cloning, no <code>.env</code>, no config wrangling:</p>\n<pre><code class=\"language-bash\">curl -fsSL https://raw.githubusercontent.com/mydisha/keirouter/main/scripts/quickstart.sh | bash\n</code></pre>\n<p>It clones the repo to <code>~/keirouter</code>, installs everything, and starts the backend on <code>:20180</code> and the dashboard on <code>:5180</code>.</p>\n<blockquote>\n<p>Already cloned it? Just <code>make setup</code> from the project root and you're off.</p>\n</blockquote>\n\n<strong>Option C — Docker</strong> · no Go/Node, no problem<pre><code class=\"language-bash\">curl -fsSL https://raw.githubusercontent.com/mydisha/keirouter/main/scripts/install.sh | bash -s -- --docker\n</code></pre>\n\n<strong>Option D — Docker Compose</strong> · ship it (VPS / production / Coolify)<pre><code class=\"language-bash\">git clone https://github.com/mydisha/keirouter.git\ncd keirouter\ncp .env.example .env       # set KEIROUTER_MASTER_KEY before going to prod\ndocker compose up -d --build\n</code></pre>\n<p>VPS, PostgreSQL, and Coolify notes live in <a href=\"https://github.com/mydisha/keirouter/blob/main/deploy/README.md\" rel=\"noopener noreferrer\">deploy/README.md</a>.</p>\n\n<strong>Option E — Windows</strong> · prebuilt, no Go/Node needed<p>Open <strong>PowerShell</strong> and run:</p>\n<pre><code class=\"language-powershell\">irm https://raw.githubusercontent.com/mydisha/keirouter/main/scripts/install.ps1 | iex\n</code></pre>\n<p>It downloads the latest prebuilt binary, drops it (plus the dashboard) into <code>%LOCALAPPDATA%\\KeiRouter</code>, and adds it to your PATH. Open a <strong>new</strong> terminal afterwards, then:</p>\n<pre><code class=\"language-powershell\">keirouter -bootstrap   # mint your first API key (printed once)\nkeirouter start        # start the server on :20180\n</code></pre>\n<blockquote>\n<p>Pin a version or change the location with <code>$env:KEIROUTER_VERSION</code> / <code>$env:KEIROUTER_DIR</code> before running the one-liner.</p>\n</blockquote>\n<h3>First login</h3>\n<table>\n<thead>\n<tr>\n<th>How you installed</th>\n<th>Open this</th>\n<th>Password</th>\n</tr>\n</thead>\n<tbody><tr>\n<td>From source (quickstart / <code>make setup</code>)</td>\n<td><a href=\"http://localhost:5180\" rel=\"noopener noreferrer\">http://localhost:5180</a></td>\n<td><code>keirouter</code></td>\n</tr>\n<tr>\n<td>Homebrew / Docker / production</td>\n<td><a href=\"http://localhost:20180\" rel=\"noopener noreferrer\">http://localhost:20180</a></td>\n<td><code>keirouter</code></td>\n</tr>\n</tbody></table>\n<p>It'll nudge you to change that password the second you log in (please do 🙏). Allergic to UIs? Mint a key straight from the terminal:</p>\n<pre><code class=\"language-bash\">keirouter -bootstrap   # prints a kr_ key, once\n</code></pre>\n<h3>Connect your tools</h3>\n<p>In your AI tool of choice (Cursor, Claude Code, Cline, you name it), set:</p>\n<ul>\n<li><strong>Base URL:</strong> <code>http://localhost:20180/v1</code></li>\n<li><strong>API Key:</strong> the <code>kr_</code> key from the dashboard or <code>-bootstrap</code></li>\n<li><strong>Model:</strong> a provider model like <code>openai/gpt-4o</code>, or the name of a fallback <a href=\"#-smart-routing-chains\" rel=\"noopener noreferrer\">chain</a> you cooked up</li>\n</ul>\n<p>That's it. You're routing.</p>\n<hr />\n<h2>💸 Token Savings (where the money hides)</h2>\n<p>Every request runs through a deterministic token-saving pipeline <strong>before</strong> it gets translated to the provider's format — so the savings work the same no matter which provider you land on. There are <strong>five savers</strong>, each independently toggleable from <strong>Settings → Token Saving</strong>, and a dashboard that shows you exactly how much you clawed back.</p>\n<table>\n<thead>\n<tr>\n<th>Saver</th>\n<th>Side</th>\n<th>The pitch</th>\n</tr>\n</thead>\n<tbody><tr>\n<td><strong>RTK / Slimmer</strong></td>\n<td>Input</td>\n<td>Shrinks chunky tool output (diffs, greps, listings, build logs) locally before it ever leaves your machine.</td>\n</tr>\n<tr>\n<td><strong>Headroom</strong></td>\n<td>Input</td>\n<td>Routes request messages through an external <a href=\"https://github.com/headroomlabs-ai/headroom\" rel=\"noopener noreferrer\">Headroom</a> proxy for deeper compression. <em>Fail-open</em> — if the proxy sneezes, your request sails through untouched. Also sniffs out \"phantom savings\" so only real wins get counted.</td>\n</tr>\n<tr>\n<td><strong>Terse</strong></td>\n<td>Output</td>\n<td>Drops a concise-output directive so the model skips the small talk and gives you the goods.</td>\n</tr>\n<tr>\n<td><strong>Caveman</strong></td>\n<td>Output</td>\n<td>Terse's stronger cousin (Wenyan / 文言文 levels included) — trims output tokens by 65–75%.</td>\n</tr>\n<tr>\n<td><strong>Ponytail</strong></td>\n<td>Output</td>\n<td>Injects a \"lazy senior dev\" system prompt (<code>lite</code> / <code>full</code> / <code>ultra</code>) that nudges the model toward the smallest possible change. Stacks on top of Terse or Caveman.</td>\n</tr>\n</tbody></table>\n<blockquote>\n<p>Terse and Caveman both inject a system directive, so they're mutually exclusive — pick one. Ponytail happily layers on top of either.</p>\n</blockquote>\n<p><strong>Pipeline order:</strong> <code>normalizer → RTK → Headroom → Terse / Caveman → Ponytail → provider translation</code>.</p>\n<h3>Getting Headroom running</h3>\n<p>Headroom is its own open-source compression proxy. KeiRouter just calls its <code>/v1/compress</code> endpoint, so you spin it up locally first. One gotcha worth shouting about: the <strong><code>headroom</code> CLI lives in the Python package</strong> — the npm package is a library only, so <code>npm install -g headroom-ai</code> will leave you staring at <code>command not found</code>. Don't say we didn't warn you. 😉</p>\n<pre><code class=\"language-bash\"># The clean way: pipx isolates the CLI and sorts out your PATH (needs Python 3.10+)\npipx install \"headroom-ai[all]\"\npipx ensurepath               # puts headroom on your PATH — then restart your shell\n\nheadroom proxy --port 8787    # start the proxy\nheadroom doctor               # make sure it's actually happy\n</code></pre>\n<p>On Ubuntu and <code>pip</code> is fighting you (PEP 668 blocks global installs)? Go <code>--user</code> and make sure <code>~/.local/bin</code> is on your <code>PATH</code>:</p>\n<pre><code class=\"language-bash\">pip install --user \"headroom-ai[all]\"\nexport PATH=\"$HOME/.local/bin:$PATH\"   # drop this in ~/.zshrc or ~/.bashrc\n</code></pre>\n<p>Then over in <strong>Settings → Token Saving → Headroom</strong>: flip it on, set the <strong>Proxy URL</strong> to <code>http://localhost:8787</code>, and hit <strong>Test connection</strong> to confirm the handshake. Green check? You're golden.</p>\n<hr />\n<h2>🧠 Smart Routing (Chains)</h2>\n<p>Why bet on one model when you can have a backup plan? Build a <strong>chain</strong> in the dashboard. Say you name one <code>coding</code>:</p>\n<ol>\n<li><code>openai/gpt-4o</code> — your first pick</li>\n<li><code>deepseek/deepseek-chat</code> — steps in if the first one rate-limits or face-plants</li>\n</ol>\n<p>Then just set your app's model to <code>chain:coding</code> (or plain <code>coding</code>) and let KeiRouter sweat the failover.</p>\n<hr />\n<h2>🔌 It does more than chat</h2>\n<p>Chat completions are just the start. KeiRouter proxies the whole buffet:</p>\n<table>\n<thead>\n<tr>\n<th>Capability</th>\n<th>Endpoint</th>\n</tr>\n</thead>\n<tbody><tr>\n<td>Image generation</td>\n<td><code>/v1/images/generations</code></td>\n</tr>\n<tr>\n<td>Speech-to-text</td>\n<td><code>/v1/audio/transcriptions</code></td>\n</tr>\n<tr>\n<td>Text-to-speech</td>\n<td><code>/v1/audio/speech</code></td>\n</tr>\n<tr>\n<td>Embeddings</td>\n<td><code>/v1/embeddings</code></td>\n</tr>\n<tr>\n<td>Web search</td>\n<td><code>/v1/search</code></td>\n</tr>\n<tr>\n<td>Web fetch</td>\n<td><code>/v1/web/fetch</code></td>\n</tr>\n</tbody></table>\n<hr />\n<h2>🔑 Skip the keys: OAuth</h2>\n<p>Copy-pasting API keys gets old fast. Connect providers straight from the <strong>Connections</strong> page with OAuth — sign in once, and KeiRouter quietly refreshes your tokens in the background.</p>\n<table>\n<thead>\n<tr>\n<th>Provider</th>\n<th>Flow</th>\n</tr>\n</thead>\n<tbody><tr>\n<td><strong>Claude</strong></td>\n<td>Anthropic OAuth</td>\n</tr>\n<tr>\n<td><strong>GitHub Copilot</strong></td>\n<td>GitHub device flow</td>\n</tr>\n<tr>\n<td><strong>Gemini CLI</strong></td>\n<td>Google device flow</td>\n</tr>\n<tr>\n<td><strong>KiloCode</strong></td>\n<td>Custom device-auth</td>\n</tr>\n<tr>\n<td><strong>Qoder</strong></td>\n<td>PKCE device-token flow</td>\n</tr>\n<tr>\n<td><strong>CodeBuddy</strong> (Tencent)</td>\n<td>Browser-poll flow</td>\n</tr>\n<tr>\n<td><strong>Cursor</strong></td>\n<td>Token import flow</td>\n</tr>\n</tbody></table>\n<hr />\n<h2>📋 Plans &amp; Budgets</h2>\n<p>Plans are reusable budget policies you can stamp onto any API key — write the rules once, apply them everywhere. Each plan covers:</p>\n<ul>\n<li><strong>Spend limit</strong> — USD cap (micro-dollar precision, because pennies add up)</li>\n<li><strong>Token limit</strong> — max token usage</li>\n<li><strong>RPM / TPM / Concurrency limits</strong> — per assigned key (<code>0</code> = unlimited)</li>\n<li><strong>Reset period</strong> — <code>daily</code>, <code>weekly</code>, <code>monthly</code>, or <code>total</code></li>\n<li><strong>Allowed models</strong> — wildcard patterns like <code>claude-*</code>, <code>gpt-4*</code> (empty = everything's fair game)</li>\n<li><strong>Alert threshold</strong> — get pinged at 1–100% of budget</li>\n<li><strong>Hard cutoff</strong> — block requests when the budget's gone, or just track and let it ride</li>\n</ul>\n<p>Every tenant gets a default plan out of the box. Manage them on the <strong>Plans</strong> page and assign them in <strong>Keys</strong> settings.</p>\n<hr />\n<h2>🚦 Rate Limiting</h2>\n<p>Keep your gateway (and your upstream quotas) from getting hammered with per-key RPM, TPM, and concurrency caps. For a single-instance setup, the in-memory limiter is all you need:</p>\n<pre><code class=\"language-yaml\">limits:\n  enabled: true\n  backend: memory\n  default_rpm: 600\n  default_tpm: 200000\n  default_concurrency: 50\n  window: 1m\n  cleanup_interval: 1m\n</code></pre>\n<p>Those defaults only apply to keys <strong>without</strong> a plan. The moment a key has one, the plan's <code>rpm_limit</code>, <code>tpm_limit</code>, and <code>concurrency_limit</code> take over (<code>0</code> = unlimited).</p>\n<hr />\n<h2>🛡️ Guardrails</h2>\n<p>A built-in content-safety layer runs detectors against every request and response. Policies stack <strong>global → provider → model → chain → API key</strong> and merge at request time, so the most specific rule wins.</p>\n<table>\n<thead>\n<tr>\n<th>Detector</th>\n<th>Catches</th>\n<th>Default engine</th>\n<th>Optional engine</th>\n</tr>\n</thead>\n<tbody><tr>\n<td><strong>PII</strong></td>\n<td>Email, phone, credit card, IBAN, IP, URL, <strong>NIK / NPWP / Indonesian passport</strong></td>\n<td>Native Go (Presidio-compatible)</td>\n<td>Microsoft Presidio HTTP sidecar</td>\n</tr>\n<tr>\n<td><strong>Prompt Injection</strong></td>\n<td>Ignore-previous, role override, DAN, prompt-leak, safety bypass</td>\n<td>Native regex catalog</td>\n<td>—</td>\n</tr>\n<tr>\n<td><strong>Topics</strong></td>\n<td>Allow-list / block-list of topics</td>\n<td>Keyword + n-gram</td>\n<td>Embedding similarity</td>\n</tr>\n<tr>\n<td><strong>Toxicity</strong></td>\n<td>Profanity, hate, harassment, violence, sexual (id + en)</td>\n<td>Native catalog</td>\n<td>OpenAI Moderation API</td>\n</tr>\n<tr>\n<td><strong>Bias</strong> (outbound)</td>\n<td>Political, gender, ethnic, religious bias in responses</td>\n<td>Native bilingual lexicon</td>\n<td>—</td>\n</tr>\n</tbody></table>\n<ul>\n<li><strong>Actions:</strong> <code>log_only</code>, <code>warn</code>, <code>mask</code> (rewrite it), or <code>block</code> (refuse it). Strictest action across detectors wins.</li>\n<li><strong>PII strategies:</strong> <code>redact</code>, <code>replace</code>, <code>mask</code>, <code>hash</code>, <code>anonymize</code>, or <code>block</code>.</li>\n<li><strong>Streaming-safe:</strong> a sliding 256-char buffer scans assistant output as it streams and pulls the plug mid-sentence if something leaks.</li>\n<li><strong>Observability:</strong> every decision shows up in <strong>Audit Logs</strong> (live via SSE); Prometheus serves <code>keirouter_guardrail_decisions_total</code> and <code>keirouter_guardrail_eval_seconds</code> at <code>/metrics</code>.</li>\n<li><strong>Compliance:</strong> a per-tenant <code>allow_external_engines</code> flag forces every detector offline; <code>KEIROUTER_GUARDRAILS__AUDIT_RETENTION_DAYS</code> controls retention; the test endpoint is capped at 10 req/min.</li>\n</ul>\n<p>Starter templates ship in the dashboard's \"From template\" picker (Indonesia PII · Strict safety · Compliance audit · Public chatbot · Alerts-only), and you can export/import policies as a JSON bundle.</p>\n<p>Want NER-based PII detection (<code>PERSON</code>, <code>LOCATION</code>, full multilingual)? Spin up the optional <strong>Presidio sidecar</strong>:</p>\n<pre><code class=\"language-bash\">docker compose -f compose.yaml -f compose.postgres.yaml -f compose.presidio.yaml up -d\n</code></pre>\n<p>Then flip any PII policy's engine to <code>presidio</code> in the dashboard.</p>\n<hr />\n<h2>🎨 Make it yours: Branding</h2>\n<p>Rebrand the admin dashboard <em>and</em> the public Usage Portal from <strong>Settings → Branding</strong>:</p>\n<ul>\n<li><strong>App name</strong> — swap \"KeiRouter\" for your own</li>\n<li><strong>Logo &amp; favicon URLs</strong> — your SVG/PNG, your vibe</li>\n<li><strong>Tagline</strong> — the line on the portal login screen</li>\n<li><strong>Color palette</strong> — <code>sage-terra</code>, <code>ocean</code>, <code>midnight</code>, and friends</li>\n</ul>\n<hr />\n<h2>🔧 CLI Tools Auto-Config</h2>\n<p>The <strong>CLI Tools</strong> page spits out ready-to-paste config snippets for the usual suspects:</p>\n<blockquote>\n<p>Claude Code · Cursor · Cline · GitHub Copilot · DeepSeek · KiloCode · OpenCode · OpenClaw · Hermes · JCode · Droid · CodeBuddy</p>\n</blockquote>\n<p>Copy, paste into your tool's config, done.</p>\n<hr />\n<h2>🌐 Usage Portal</h2>\n<p>A dedicated, no-admin-required view at <code>/portal</code> where teammates keep an eye on their own usage — quota and spend, token usage over time, compression savings, and plan limits. All it asks for is the API key. No keys to the kingdom required.</p>\n<hr />\n<h2>🌐 Supported Providers (60+)</h2>\n<p><strong>🧠 LLM / Chat</strong></p>\n<table>\n<thead>\n<tr>\n<th>Category</th>\n<th>Providers</th>\n</tr>\n</thead>\n<tbody><tr>\n<td><strong>Major Cloud</strong></td>\n<td>OpenAI, Anthropic, Google Gemini, Vertex AI, Azure OpenAI, AWS (Kiro)</td>\n</tr>\n<tr>\n<td><strong>Free / Free Tier</strong></td>\n<td>OpenRouter (27+ free models), NVIDIA NIM, Ollama (Cloud &amp; Local), Cloudflare Workers AI, BytePlus ModelArk</td>\n</tr>\n<tr>\n<td><strong>China / Asia</strong></td>\n<td>DeepSeek, Qwen (Alibaba), GLM, Kimi (Moonshot), MiniMax, Volcengine Ark, Xiaomi MiMo, SiliconFlow, iFlow</td>\n</tr>\n<tr>\n<td><strong>OAuth / IDE</strong></td>\n<td>Claude Code, GitHub Copilot, Cursor IDE, Cline, Kilo Code, OpenAI Codex, CodeBuddy (Tencent), Kimi Coding</td>\n</tr>\n<tr>\n<td><strong>Performance</strong></td>\n<td>Groq, Cerebras, SambaNova, DeepInfra</td>\n</tr>\n<tr>\n<td><strong>Specialized</strong></td>\n<td>xAI (Grok), Mistral, Perplexity, Cohere, AI21 Labs, Reka AI</td>\n</tr>\n<tr>\n<td><strong>Aggregators</strong></td>\n<td>Together AI, Fireworks AI, Nebius AI, OpenCode, AIML API, Vercel AI Gateway</td>\n</tr>\n<tr>\n<td><strong>Emerging</strong></td>\n<td>Blackbox AI, Chutes AI, Hyperbolic, Lepton AI, Kluster AI, MorphLLM, LongCat, Puter AI, GLHF, SumoPod, Scaleway, NLP Cloud, and many more</td>\n</tr>\n<tr>\n<td><strong>Custom</strong></td>\n<td>Any OpenAI- or Anthropic-compatible endpoint (self-hosted, proxy, etc.)</td>\n</tr>\n</tbody></table>\n<p><strong>🎨 Media &amp; Search</strong></p>\n<table>\n<thead>\n<tr>\n<th>Type</th>\n<th>Providers</th>\n</tr>\n</thead>\n<tbody><tr>\n<td><strong>Image Generation</strong></td>\n<td>OpenAI DALL·E, Gemini Imagen, Cloudflare, Fal.ai, Stability AI, Black Forest Labs, Recraft, Topaz, Runway ML, NanoBanana, HuggingFace, SD WebUI, ComfyUI</td>\n</tr>\n<tr>\n<td><strong>Text-to-Speech</strong></td>\n<td>OpenAI TTS, NVIDIA NIM, ElevenLabs, Deepgram, Cartesia, PlayHT, AWS Polly, Google TTS, Edge TTS, Inworld, Coqui, Tortoise</td>\n</tr>\n<tr>\n<td><strong>Speech-to-Text</strong></td>\n<td>OpenAI Whisper, Groq Whisper, Deepgram, AssemblyAI, Gemini STT, HuggingFace</td>\n</tr>\n<tr>\n<td><strong>Embeddings</strong></td>\n<td>OpenAI, Gemini, Mistral, Together AI, Fireworks AI, Nebius, Voyage AI, Jina AI, OpenRouter</td>\n</tr>\n<tr>\n<td><strong>Web Search</strong></td>\n<td>Tavily, Exa, Serper, Brave Search, SearXNG, Perplexity, xAI, Google PSE, Linkup, SearchAPI, You.com, OpenAI</td>\n</tr>\n<tr>\n<td><strong>Web Fetch</strong></td>\n<td>Tavily, Exa, Firecrawl, Jina Reader</td>\n</tr>\n</tbody></table>\n<hr />\n<h2>⚙️ Configuration</h2>\n<p>Out of the box, KeiRouter runs on an embedded <strong>SQLite</strong> database — zero config, zero fuss. Running it for a team? Switch to <strong>PostgreSQL</strong>: copy <code>config.example.yaml</code> and run with <code>-config</code>, or use environment variables like <code>KEIROUTER_SERVER__PORT=8080</code>. Docker/Coolify examples are in <a href=\"https://github.com/mydisha/keirouter/blob/main/deploy/README.md\" rel=\"noopener noreferrer\">deploy/README.md</a>.</p>\n<hr />\n<h2>🛠️ Architecture</h2>\n<p>Curious what happens after you hit send? Here's the life of a request:</p>\n<ol>\n<li><strong>Gateway</strong> — takes your HTTP request and figures out the dialect (OpenAI, Anthropic, Gemini, …).</li>\n<li><strong>Guardrails (inbound)</strong> — runs PII / injection / toxicity / topics detectors; block → refuse, mask → rewrite the prompt on the spot.</li>\n<li><strong>Pipeline</strong> — runs the <a href=\"#-token-savings-where-the-money-hides\" rel=\"noopener noreferrer\">token savers</a> (RTK → Headroom → Terse/Caveman → Ponytail) and checks your budget.</li>\n<li><strong>Dispatch</strong> — picks the best provider account and juggles fallbacks.</li>\n<li><strong>Connector &amp; Transform</strong> — calls the provider, then translates the answer back into your tool's format.</li>\n<li><strong>Guardrails (outbound)</strong> — scans the response (or each stream chunk) for leaked PII, bias, or toxicity; block → cancel, mask → rewrite.</li>\n<li><strong>Meter</strong> — logs token usage and savings so the dashboard has something pretty to show.</li>\n</ol>\n<hr />\n<h2>🔒 Security</h2>\n<ul>\n<li>The admin API (<code>/api/*</code>) only listens to localhost by default. Exposing it? Put it behind a reverse proxy and set a stable <code>master_key</code>.</li>\n<li><strong>Guard your master key with your life</strong> — it's the root of trust for every encrypted credential.</li>\n<li>Credentials sit behind AES-256-GCM envelope encryption; the dashboard uses password auth + HMAC session cookies; outbound requests get SSRF protection.</li>\n</ul>\n<p>Found a security issue? Please follow <a href=\"https://github.com/mydisha/keirouter/blob/main/SECURITY.md\" rel=\"noopener noreferrer\">SECURITY.md</a> instead of opening a public issue. 🙏</p>\n<hr />\n<h2>🧑‍💻 Hack on it</h2>\n<pre><code class=\"language-bash\">make setup   # first time: installs deps + starts backend (:20180) and dashboard (:5180)\nmake dev     # after that: just start the servers\nmake test    # run the backend test suite\nmake build   # build the backend binary + frontend assets\n</code></pre>\n<p>PRs and ideas are always welcome — start with <a href=\"https://github.com/mydisha/keirouter/blob/main/CONTRIBUTING.md\" rel=\"noopener noreferrer\">CONTRIBUTING.md</a>.</p>\n<hr />\n<h2>📄 License</h2>\n<p>MIT — see <a href=\"https://github.com/mydisha/keirouter/blob/main/LICENSE\" rel=\"noopener noreferrer\">LICENSE</a>. Go build something cool. 🛠️</p>\n"
@@ -816,7 +816,7 @@
     "homepage": "https://bansos.dev",
     "language": "Svelte",
     "stars": 51,
-    "forks": 8,
+    "forks": 9,
     "topics": [
       "bansos",
       "cli",
@@ -829,22 +829,22 @@
       "static-site",
       "sveltekit"
     ],
-    "updatedAt": "2026-07-22T12:18:56Z",
-    "pushedAt": "2026-07-22T12:01:43Z",
+    "updatedAt": "2026-07-23T10:06:22Z",
+    "pushedAt": "2026-07-23T10:25:50Z",
     "latestRelease": {
-      "name": "Bansos v0.0.13",
-      "tagName": "v0.0.13",
-      "url": "https://github.com/wauputr4/bansos/releases/tag/v0.0.13",
-      "publishedAt": "2026-06-21T10:19:23Z"
+      "name": "Bansos v0.0.14 — Contributor Pages & Catalog Refresh",
+      "tagName": "v0.0.14",
+      "url": "https://github.com/wauputr4/bansos/releases/tag/v0.0.14",
+      "publishedAt": "2026-07-23T09:38:44Z"
     },
     "archived": false,
     "licenseSpdx": "MIT",
     "createdAt": "2026-06-11T13:28:54Z",
     "openIssues": 3,
-    "openPullRequests": 1,
+    "openPullRequests": 2,
     "subscribers": 0,
     "communityHealth": 100,
-    "readmeHtml": "<h2>bansos.dev</h2>\n<p><a href=\"https://github.com/wauputr4/bansos/blob/main/LICENSE\" rel=\"noopener noreferrer\"><img src=\"https://img.shields.io/badge/License-MIT-10b981.svg\" alt=\"License: MIT\" /></a>\n<a href=\"https://kit.svelte.dev/\" rel=\"noopener noreferrer\"><img src=\"https://img.shields.io/badge/Built%20with-SvelteKit-ff3e00\" alt=\"Built with SvelteKit\" /></a>\n<a href=\"https://bansos.dev/\" rel=\"noopener noreferrer\"><img src=\"https://img.shields.io/badge/Deploy-Cloudflare%20Pages-F38020?logo=cloudflare&amp;logoColor=white\" alt=\"Deploy: Cloudflare Pages\" /></a>\n<a href=\"https://discord.gg/m4WFaQpNGs\" rel=\"noopener noreferrer\"><img src=\"https://img.shields.io/badge/Discord-Join%20Server-5865F2?logo=discord&amp;logoColor=white\" alt=\"Discord\" /></a>\n<a href=\"https://t.me/bansos_dev\" rel=\"noopener noreferrer\"><img src=\"https://img.shields.io/badge/Telegram-Join%20Channel-0088cc?logo=telegram&amp;logoColor=white\" alt=\"Telegram\" /></a>\n<a href=\"https://whatsapp.com/channel/0029Vb8ZXgW1Hsq7j1uhRm0G\" rel=\"noopener noreferrer\"><img src=\"https://img.shields.io/badge/WhatsApp-Follow%20Channel-25D366?logo=whatsapp&amp;logoColor=white\" alt=\"WhatsApp\" /></a></p>\n<p><img src=\"https://raw.githubusercontent.com/wauputr4/bansos/main/static/og-banner.png\" alt=\"Bansos Developer Banner\" /></p>\n<p><a href=\"https://github.com/wauputr4/bansos/blob/main/README.md\" rel=\"noopener noreferrer\"><strong>🇮🇩 Indonesia (Default)</strong></a> · <a href=\"https://github.com/wauputr4/bansos/blob/main/README.en.md\" rel=\"noopener noreferrer\"><strong>🌐 English</strong></a></p>\n<hr />\n<h2>🌏 Bahasa Indonesia (Default)</h2>\n<p><code>Bantuan sosial untuk developer jelata</code></p>\n<p><strong>bansos.dev</strong> adalah open-source katalog info bagi-bagi berkah, promo gratisan, dan diskonan tools coding paling legit khusus untuk developer jelata di Indonesia. Dibuat biar portofolio kita-kita tetep menyala walau dompet lagi sekarat. Nyari domain gratis, hosting free-tier, cloud credits, API credits, database gratisan, atau startup credits? Di sini tempat ngumpulnya! 100% Gratisan, No Clickbait, No Ribet. fr fr 🚀</p>\n<p>Situs ini dibangun sebagai static SvelteKit site yang super SEO-friendly, data-driven, aman di mode terang/gelap, dan gampang banget buat dikontribusikan lewat email atau pull request.</p>\n<h2>Keyword cepat</h2>\n<p><code>bansos developer</code>, <code>promo developer Indonesia</code>, <code>domain gratis</code>, <code>cloud credits gratis</code>, <code>API credits</code>, <code>hosting free tier</code>, <code>startup credits</code>, <code>developer tools gratis</code>, <code>open source Indonesia</code>, <code>SvelteKit static site</code>.</p>\n<h2>Fitur utama</h2>\n<ul>\n<li>Katalog bansos developer yang crawlable dan mudah dicari.</li>\n<li>Listing domain gratis, cloud gratis, hosting free-tier, API credits, database credits, dan benefit startup.</li>\n<li>Halaman detail dengan provider, benefit, syarat klaim, masa berlaku, status aktif/expired, dan link resmi.</li>\n<li>Filter tag dan highlight rekomendasi/terbaru.</li>\n<li>Data per listing di <a href=\"https://github.com/wauputr4/bansos/blob/main/src/lib/data/bansos/\" rel=\"noopener noreferrer\"><code>src/lib/data/bansos/</code></a>.</li>\n<li>SEO metadata untuk halaman publik, termasuk meta description dan social card pattern.</li>\n<li>Workflow kontribusi publik via email dan Git clone.</li>\n<li>Halaman kontribusi publik: <a href=\"https://bansos.dev/contribute\" rel=\"noopener noreferrer\">bansos.dev/contribute</a>.</li>\n<li>Terms and conditions: <a href=\"https://bansos.dev/terms\" rel=\"noopener noreferrer\">bansos.dev/terms</a>.</li>\n</ul>\n<h2>Deploy dan Hosting</h2>\n<p>Situs ini di-deploy dan di-hosting menggunakan <strong>Cloudflare Pages</strong> dengan adapter <code>@sveltejs/adapter-cloudflare</code>. Setiap kali ada pull request atau push ke branch <code>main</code>, Cloudflare secara otomatis memicu build dan mendistribusikan situs statis super cepat beserta seluruh dynamic OG image yang sudah di-prerender.</p>\n<h2>Menjalankan proyek</h2>\n<pre><code class=\"language-bash\">npm install\nnpm run dev\nnpm run build\n</code></pre>\n<p>Validasi lokal:</p>\n<pre><code class=\"language-bash\">npm run check\nnpm run lint\n</code></pre>\n<h2>Struktur penting</h2>\n<pre><code class=\"language-text\">src/lib/data/bansos/&lt;slug&gt;/    # index.json + README tiap listing\nsrc/lib/data/bansos/contributors/ # profil kontributor\nsrc/lib/data/bansos.ts         # loader, selector, sorting, dan stats\nsrc/lib/components/            # komponen UI reusable\nsrc/routes/list/               # halaman list dan detail bansos\nsrc/routes/contribute/         # panduan kontribusi publik\nscripts/add-bansos.mjs         # script lokal tambah data\npackages/bansosdev-cli/        # CLI lama (submit publik dinonaktifkan)\n</code></pre>\n<p>Setiap listing wajib memiliki <code>contributorSlug</code> yang terhubung dua arah dengan manifest profil.\nAvatar diambil otomatis dari GitHub bila tersedia; profil tanpa GitHub tetap tampil memakai dua\ninisial. Semua tautan nama kontributor di situs mengarah ke profil internal bansos.dev.\nKonten profil dapat disesuaikan melalui <code>src/lib/data/bansos/contributors/&lt;slug&gt;/README.md</code>.\nProfil publik memakai URL canonical <code>https://bansos.dev/&lt;slug&gt;/</code>; validator mencegah slug contributor\nbentrok dengan route situs atau shortlink bansos.</p>\n<h2>Cara Menambah Bansos</h2>\n<p>Untuk saat ini, submit publik yang aktif adalah via AI Agent, email, dan Git clone. Jalur form, CLI publik, dan bot dinonaktifkan sementara karena spam.</p>\n<blockquote>\n<p>[!TIP]\n<strong>Soon: Submisi via Discord &amp; Telegram Bot!</strong>\nKami sedang membangun integrasi bot agar kamu bisa mengirimkan bansos baru secara otomatis langsung dari server Discord atau channel Telegram.\nSembari menunggu, yuk gabung ke komunitas kami:</p>\n<ul>\n<li><strong><a href=\"https://discord.gg/m4WFaQpNGs\" rel=\"noopener noreferrer\">Discord Server</a></strong> untuk ngobrol, diskusi, dan submit via chat (coming soon).</li>\n<li><strong><a href=\"https://t.me/bansos_dev\" rel=\"noopener noreferrer\">Telegram Channel</a></strong> untuk dapetin update instan promo developer terbaru langsung di HP-mu.</li>\n</ul>\n</blockquote>\n<h3>1. Opsi 1: Lewat AI Agent</h3>\n<p>Install <a href=\"https://www.skills.sh/wauputr4/skill-bansos\" rel=\"noopener noreferrer\">skill resmi bansos.dev</a> agar agent memahami struktur listing, profil contributor, validasi, dan alur PR terbaru:</p>\n<pre><code class=\"language-bash\">npx skills add wauputr4/skill-bansos --skill '*' --agent '*'\n</code></pre>\n<p>Setelah terpasang, berikan link sumber dan minta agent memakai <code>$bansos-add-entry</code>. Review data dan diff sebelum membuka pull request.</p>\n<hr />\n<h3>2. Opsi 2: Lewat Email</h3>\n<p>Opsi ini sangat cocok buat kamu yang ingin berbagi info dengan cepat tanpa perlu menyentuh terminal.</p>\n<ol>\n<li>Buka halaman kontribusi di browser: <strong><a href=\"https://bansos.dev/contribute\" rel=\"noopener noreferrer\">bansos.dev/contribute</a></strong>.</li>\n<li>Pilih tab <strong>Email</strong>.</li>\n<li>Kirim usulan ke <strong><a href=\"mailto:submit@bansos.dev\" rel=\"noopener noreferrer\">submit@bansos.dev</a></strong> memakai template yang tersedia.</li>\n<li>Pastikan semua field penting terisi: judul, provider, benefit, syarat klaim, link resmi, status, sumber, dan kontributor.</li>\n</ol>\n<hr />\n<h3>3. Opsi 3: Lewat Git Clone (Manual Pull Request)</h3>\n<p>Opsi ini bagi kamu yang ingin menguji kode secara lokal atau memodifikasi file secara langsung.</p>\n<ol>\n<li><p>Fork dan clone repositori ini ke komputermu memakai GitHub CLI:</p>\n<pre><code class=\"language-bash\">gh repo fork wauputr4/bansos --clone\ncd bansos\nnpm install\n</code></pre>\n</li>\n<li><p>Tambahkan data secara lokal menggunakan helper script:</p>\n<pre><code class=\"language-bash\">npm run add:bansos -- \\\n  --id contoh-bansos \\\n  --title \"Contoh Bansos Developer\" \\\n  --provider \"Example Provider\" \\\n  --description \"Deskripsi singkat bansos.\" \\\n  --benefits \"Benefit satu|Benefit dua\" \\\n  --validity-type fixed \\\n  --validity-date 2026-06-30 \\\n  --requirements \"Buat akun|Klaim program\" \\\n  --cta-link \"https://example.com\" \\\n --contributor-slug username-kamu \\\n  --contributor-name \"Nama Kamu\" \\\n  --contributor-url \"https://example.com\" \\\n  --tags \"Cloud,Gratisan\"\n</code></pre>\n<p>Script ini akan memvalidasi data lalu membuat <code>src/lib/data/bansos/&lt;slug&gt;/index.json</code> dan README listing.</p>\n<p>Argumen <code>--benefits</code> dan <code>--requirements</code> dipisahkan dengan <code>|</code>.\nArgumen <code>--tags</code> dipisahkan dengan koma.\n<code>--contributor-slug</code> wajib pada setiap submit. <code>--contributor-name</code> wajib dan\n<code>--contributor-url</code> opsional hanya jika profil contributor tersebut belum ada.</p>\n</li>\n<li><p>Buat branch baru, tambahkan commit, push ke fork, dan kirim pull request ke repositori utama.</p>\n</li>\n</ol>\n<h2>Panduan kualitas listing</h2>\n<p>Listing yang baik sebaiknya menyertakan:</p>\n<ul>\n<li>Link resmi provider atau halaman program.</li>\n<li>Benefit yang spesifik, misalnya nominal credit, durasi, atau batas kuota.</li>\n<li>Syarat klaim yang jelas.</li>\n<li>Status aktif, expired, atau upcoming.</li>\n<li>Tag yang membantu pencarian, misalnya <code>Cloud</code>, <code>Domain</code>, <code>AI Credits</code>, <code>Startup</code>, atau <code>No Credit Card</code>.</li>\n<li>Nama dan URL kontributor.</li>\n</ul>\n<h2>Kontribusi</h2>\n<ul>\n<li>Kirim data lewat email ke <a href=\"mailto:submit@bansos.dev\" rel=\"noopener noreferrer\">submit@bansos.dev</a>.</li>\n<li>Jika lebih nyaman, tambahkan melalui branch dan pull request manual.</li>\n<li>Baca panduan kontribusi lengkap di <a href=\"https://github.com/wauputr4/bansos/blob/main/.github/CONTRIBUTING.md\" rel=\"noopener noreferrer\">CONTRIBUTING</a>.</li>\n</ul>\n<h2>Kode etik komunitas</h2>\n<p>Ikuti <a href=\"https://github.com/wauputr4/bansos/blob/main/CODE_OF_CONDUCT.md\" rel=\"noopener noreferrer\">Code of Conduct</a>.</p>\n<h2>Sponsor &amp; Dukungan</h2>\n<p>Proyek <code>bansos.dev</code> dibangun secara gratis oleh komunitas. Jika proyek ini membantumu menghemat budget developer-mu, silakan kirim dukungan via email ke <a href=\"mailto:me@wau.my.id\" rel=\"noopener noreferrer\">me@wau.my.id</a>.</p>\n<blockquote>\n<p>[!NOTE]\n<strong>Soon:</strong> Kami berencana menghadirkan fitur di mana donatur/pengunjung bisa mengirimkan dukungan (donasi) langsung ke masing-masing kontributor yang mendaftarkan/menulis listing bansos tersebut.</p>\n</blockquote>\n<h2>Lisensi</h2>\n<p>MIT. Lihat <a href=\"https://github.com/wauputr4/bansos/blob/main/LICENSE\" rel=\"noopener noreferrer\">LICENSE</a>.</p>\n<h2>Disclaimer</h2>\n<p>bansos.dev adalah <strong>platform komunitas open-source</strong> yang bertujuan membantu sesama developer Indonesia menemukan program bantuan sosial yang sah dan legal dari provider resmi. Kami tidak terafiliasi dengan provider mana pun.</p>\n<p><strong>Kami dengan tegas melarang:</strong></p>\n<ul>\n<li>Penyalahgunaan informasi bansos untuk tujuan <strong>abuse</strong> atau mengeksploitasi celah kebijakan provider.</li>\n<li>Pelanggaran terhadap <strong>ketentuan layanan (ToS)</strong> platform atau provider pihak ketiga.</li>\n<li>Tindakan yang melanggar <strong>privasi data</strong> individu atau organisasi.</li>\n<li>Segala bentuk <strong>tindakan ilegal</strong> atau melanggar hukum yang berlaku.</li>\n<li>Submit informasi bansos yang <strong>palsu, menyesatkan, atau tidak bisa diklaim</strong>.</li>\n</ul>\n<p>Semua informasi yang ditampilkan bersifat <strong>referensi</strong>. Selalu verifikasi langsung ke situs resmi provider sebelum melakukan klaim. Kami tidak bertanggung jawab atas perubahan kebijakan sepihak dari provider, interpretasi manfaat yang keliru, ataupun penyalahgunaan informasi oleh pihak tidak bertanggung jawab.</p>\n<p>Dengan menggunakan bansos.dev, Anda menyetujui bahwa platform ini hanyalah <strong>katalog komunitas</strong> dan segala klaim, transaksi, atau interaksi dengan provider sepenuhnya merupakan tanggung jawab pribadi masing-masing pengguna.</p>\n"
+    "readmeHtml": "<h2>bansos.dev</h2>\n<p><a href=\"https://github.com/wauputr4/bansos/blob/main/LICENSE\" rel=\"noopener noreferrer\"><img src=\"https://img.shields.io/badge/License-MIT-10b981.svg\" alt=\"License: MIT\" /></a>\n<a href=\"https://kit.svelte.dev/\" rel=\"noopener noreferrer\"><img src=\"https://img.shields.io/badge/Built%20with-SvelteKit-ff3e00\" alt=\"Built with SvelteKit\" /></a>\n<a href=\"https://bansos.dev/\" rel=\"noopener noreferrer\"><img src=\"https://img.shields.io/badge/Deploy-Cloudflare%20Pages-F38020?logo=cloudflare&amp;logoColor=white\" alt=\"Deploy: Cloudflare Pages\" /></a>\n<a href=\"https://discord.gg/m4WFaQpNGs\" rel=\"noopener noreferrer\"><img src=\"https://img.shields.io/badge/Discord-Join%20Server-5865F2?logo=discord&amp;logoColor=white\" alt=\"Discord\" /></a>\n<a href=\"https://t.me/bansos_dev\" rel=\"noopener noreferrer\"><img src=\"https://img.shields.io/badge/Telegram-Join%20Channel-0088cc?logo=telegram&amp;logoColor=white\" alt=\"Telegram\" /></a>\n<a href=\"https://whatsapp.com/channel/0029Vb8ZXgW1Hsq7j1uhRm0G\" rel=\"noopener noreferrer\"><img src=\"https://img.shields.io/badge/WhatsApp-Follow%20Channel-25D366?logo=whatsapp&amp;logoColor=white\" alt=\"WhatsApp\" /></a></p>\n<p><img src=\"https://raw.githubusercontent.com/wauputr4/bansos/main/static/og-banner.png\" alt=\"Bansos Developer Banner\" /></p>\n<p><a href=\"https://github.com/wauputr4/bansos/blob/main/README.md\" rel=\"noopener noreferrer\"><strong>🇮🇩 Indonesia (Default)</strong></a> · <a href=\"https://github.com/wauputr4/bansos/blob/main/README.en.md\" rel=\"noopener noreferrer\"><strong>🌐 English</strong></a></p>\n<hr />\n<h2>🌏 Bahasa Indonesia (Default)</h2>\n<p><code>Bantuan sosial untuk developer jelata</code></p>\n<p><strong>bansos.dev</strong> adalah open-source katalog info bagi-bagi berkah, promo gratisan, dan diskonan tools coding paling legit khusus untuk developer jelata di Indonesia. Dibuat biar portofolio kita-kita tetep menyala walau dompet lagi sekarat. Nyari domain gratis, hosting free-tier, cloud credits, API credits, database gratisan, atau startup credits? Di sini tempat ngumpulnya! 100% Gratisan, No Clickbait, No Ribet. fr fr 🚀</p>\n<p>Situs ini dibangun sebagai static SvelteKit site yang super SEO-friendly, data-driven, aman di mode terang/gelap, dan gampang banget buat dikontribusikan lewat email atau pull request.</p>\n<h2>Keyword cepat</h2>\n<p><code>bansos developer</code>, <code>promo developer Indonesia</code>, <code>domain gratis</code>, <code>cloud credits gratis</code>, <code>API credits</code>, <code>hosting free tier</code>, <code>startup credits</code>, <code>developer tools gratis</code>, <code>open source Indonesia</code>, <code>SvelteKit static site</code>.</p>\n<h2>Fitur utama</h2>\n<ul>\n<li>Katalog bansos developer yang crawlable dan mudah dicari.</li>\n<li>Listing domain gratis, cloud gratis, hosting free-tier, API credits, database credits, dan benefit startup.</li>\n<li>Halaman detail dengan provider, benefit, syarat klaim, masa berlaku, status aktif/expired, dan link resmi.</li>\n<li>Filter tag dan highlight rekomendasi/terbaru.</li>\n<li>Data per listing di <a href=\"https://github.com/wauputr4/bansos/blob/main/src/lib/data/bansos/\" rel=\"noopener noreferrer\"><code>src/lib/data/bansos/</code></a>.</li>\n<li>SEO metadata untuk halaman publik, termasuk meta description dan social card pattern.</li>\n<li>Workflow kontribusi publik via email dan Git clone.</li>\n<li>Halaman kontribusi publik: <a href=\"https://bansos.dev/contribute\" rel=\"noopener noreferrer\">bansos.dev/contribute</a>.</li>\n<li>Terms and conditions: <a href=\"https://bansos.dev/terms\" rel=\"noopener noreferrer\">bansos.dev/terms</a>.</li>\n</ul>\n<h2>Deploy dan Hosting</h2>\n<p>Situs ini di-deploy dan di-hosting menggunakan <strong>Cloudflare Pages</strong> dengan adapter <code>@sveltejs/adapter-cloudflare</code>. Setiap kali ada pull request atau push ke branch <code>main</code>, Cloudflare secara otomatis memicu build dan mendistribusikan situs statis super cepat beserta seluruh dynamic OG image yang sudah di-prerender.</p>\n<h2>Menjalankan proyek</h2>\n<pre><code class=\"language-bash\">npm install\nnpm run dev\nnpm run build\n</code></pre>\n<p>Validasi lokal:</p>\n<pre><code class=\"language-bash\">npm run check\nnpm run lint\n</code></pre>\n<h2>Struktur penting</h2>\n<pre><code class=\"language-text\">src/lib/data/bansos/&lt;slug&gt;/    # index.json + README tiap listing\nsrc/lib/data/bansos/contributors/ # profil kontributor\nsrc/lib/data/bansos.ts         # loader, selector, sorting, dan stats\nsrc/lib/components/            # komponen UI reusable\nsrc/routes/list/               # halaman list dan detail bansos\nsrc/routes/contribute/         # panduan kontribusi publik\nscripts/add-bansos.mjs         # script lokal tambah data\npackages/bansosdev-cli/        # CLI lama (submit publik dinonaktifkan)\n</code></pre>\n<p>Setiap listing wajib memiliki <code>contributorSlug</code> yang terhubung dua arah dengan manifest profil.\nAvatar diambil otomatis dari GitHub bila tersedia; profil tanpa GitHub tetap tampil memakai dua\ninisial. Semua tautan nama kontributor di situs mengarah ke profil internal bansos.dev.\nKonten profil dapat disesuaikan melalui <code>src/lib/data/bansos/contributors/&lt;slug&gt;/README.md</code>.\nProfil publik memakai URL canonical <code>https://bansos.dev/&lt;slug&gt;/</code>; validator mencegah slug contributor\nbentrok dengan route situs atau shortlink bansos.</p>\n<h2>Cara Menambah Bansos</h2>\n<p>Untuk saat ini, submit publik yang aktif adalah via AI Agent, email, dan Git clone. Jalur form, CLI publik, dan bot dinonaktifkan sementara karena spam.</p>\n<blockquote>\n<p>[!TIP]\n<strong>Soon: Submisi via Discord &amp; Telegram Bot!</strong>\nKami sedang membangun integrasi bot agar kamu bisa mengirimkan bansos baru secara otomatis langsung dari server Discord atau channel Telegram.\nSembari menunggu, yuk gabung ke komunitas kami:</p>\n<ul>\n<li><strong><a href=\"https://discord.gg/m4WFaQpNGs\" rel=\"noopener noreferrer\">Discord Server</a></strong> untuk ngobrol, diskusi, dan submit via chat (coming soon).</li>\n<li><strong><a href=\"https://t.me/bansos_dev\" rel=\"noopener noreferrer\">Telegram Channel</a></strong> untuk dapetin update instan promo developer terbaru langsung di HP-mu.</li>\n</ul>\n</blockquote>\n<h3>1. Opsi 1: Lewat AI Agent</h3>\n<p>Install <a href=\"https://www.skills.sh/wauputr4/skill-bansos\" rel=\"noopener noreferrer\">skill resmi bansos.dev</a> agar agent memahami struktur listing, profil contributor, validasi, dan alur PR terbaru:</p>\n<pre><code class=\"language-bash\">npx skills add wauputr4/skill-bansos --skill '*' --agent '*'\n</code></pre>\n<p>Setelah terpasang, berikan link sumber dan minta agent memakai <code>$bansos-add-entry</code>. Review data dan diff sebelum membuka pull request.</p>\n<hr />\n<h3>2. Opsi 2: Lewat Email</h3>\n<p>Opsi ini sangat cocok buat kamu yang ingin berbagi info dengan cepat tanpa perlu menyentuh terminal.</p>\n<ol>\n<li>Buka halaman kontribusi di browser: <strong><a href=\"https://bansos.dev/contribute\" rel=\"noopener noreferrer\">bansos.dev/contribute</a></strong>.</li>\n<li>Pilih tab <strong>Email</strong>.</li>\n<li>Kirim usulan ke <strong><a href=\"mailto:submit@bansos.dev\" rel=\"noopener noreferrer\">submit@bansos.dev</a></strong> memakai template yang tersedia.</li>\n<li>Pastikan semua field penting terisi: judul, provider, benefit, syarat klaim, link resmi, status, sumber, dan kontributor.</li>\n</ol>\n<hr />\n<h3>3. Opsi 3: Lewat Git Clone (Manual Pull Request)</h3>\n<p>Opsi ini bagi kamu yang ingin menguji kode secara lokal atau memodifikasi file secara langsung.</p>\n<ol>\n<li><p>Fork dan clone repositori ini ke komputermu memakai GitHub CLI:</p>\n<pre><code class=\"language-bash\">gh repo fork wauputr4/bansos --clone\ncd bansos\nnpm install\n</code></pre>\n</li>\n<li><p>Tambahkan data secara lokal menggunakan helper script:</p>\n<pre><code class=\"language-bash\">npm run add:bansos -- \\\n  --id contoh-bansos \\\n  --title \"Contoh Bansos Developer\" \\\n  --provider \"Example Provider\" \\\n  --description \"Deskripsi singkat bansos.\" \\\n  --benefits \"Benefit satu|Benefit dua\" \\\n  --validity-type fixed \\\n  --validity-date 2026-06-30 \\\n  --requirements \"Buat akun|Klaim program\" \\\n  --cta-link \"https://example.com\" \\\n  --source \"https://example.com/program\" \\\n  --contributor-slug username-kamu \\\n  --contributor-name \"Nama Kamu\" \\\n  --contributor-url \"https://example.com\" \\\n  --tags \"Cloud,Gratisan\"\n</code></pre>\n<p>Script ini akan memvalidasi data lalu membuat <code>src/lib/data/bansos/&lt;slug&gt;/index.json</code> dan README listing.</p>\n<p>Argumen <code>--benefits</code> dan <code>--requirements</code> dipisahkan dengan <code>|</code>.\nArgumen <code>--tags</code> dipisahkan dengan koma.\n<code>--contributor-slug</code> wajib pada setiap submit. Untuk profil contributor baru,\n<code>--contributor-name</code> wajib sedangkan <code>--contributor-url</code> tetap opsional.</p>\n</li>\n<li><p>Buat branch baru, tambahkan commit, push ke fork, dan kirim pull request ke repositori utama.</p>\n</li>\n</ol>\n<h2>Panduan kualitas listing</h2>\n<p>Listing yang baik sebaiknya menyertakan:</p>\n<ul>\n<li>Link resmi provider atau halaman program.</li>\n<li>Benefit yang spesifik, misalnya nominal credit, durasi, atau batas kuota.</li>\n<li>Syarat klaim yang jelas.</li>\n<li>Status aktif, expired, atau upcoming.</li>\n<li>Tag yang membantu pencarian, misalnya <code>Cloud</code>, <code>Domain</code>, <code>AI Credits</code>, <code>Startup</code>, atau <code>No Credit Card</code>.</li>\n<li>Nama dan URL kontributor.</li>\n</ul>\n<h2>Kontribusi</h2>\n<ul>\n<li>Kirim data lewat email ke <a href=\"mailto:submit@bansos.dev\" rel=\"noopener noreferrer\">submit@bansos.dev</a>.</li>\n<li>Jika lebih nyaman, tambahkan melalui branch dan pull request manual.</li>\n<li>Baca panduan kontribusi lengkap di <a href=\"https://github.com/wauputr4/bansos/blob/main/.github/CONTRIBUTING.md\" rel=\"noopener noreferrer\">CONTRIBUTING</a>.</li>\n</ul>\n<h2>Kode etik komunitas</h2>\n<p>Ikuti <a href=\"https://github.com/wauputr4/bansos/blob/main/CODE_OF_CONDUCT.md\" rel=\"noopener noreferrer\">Code of Conduct</a>.</p>\n<h2>Sponsor &amp; Dukungan</h2>\n<p>Proyek <code>bansos.dev</code> dibangun secara gratis oleh komunitas. Jika proyek ini membantumu menghemat budget developer-mu, silakan kirim dukungan via email ke <a href=\"mailto:me@wau.my.id\" rel=\"noopener noreferrer\">me@wau.my.id</a>.</p>\n<blockquote>\n<p>[!NOTE]\n<strong>Soon:</strong> Kami berencana menghadirkan fitur di mana donatur/pengunjung bisa mengirimkan dukungan (donasi) langsung ke masing-masing kontributor yang mendaftarkan/menulis listing bansos tersebut.</p>\n</blockquote>\n<h2>Lisensi</h2>\n<p>MIT. Lihat <a href=\"https://github.com/wauputr4/bansos/blob/main/LICENSE\" rel=\"noopener noreferrer\">LICENSE</a>.</p>\n<h2>Disclaimer</h2>\n<p>bansos.dev adalah <strong>platform komunitas open-source</strong> yang bertujuan membantu sesama developer Indonesia menemukan program bantuan sosial yang sah dan legal dari provider resmi. Kami tidak terafiliasi dengan provider mana pun.</p>\n<p><strong>Kami dengan tegas melarang:</strong></p>\n<ul>\n<li>Penyalahgunaan informasi bansos untuk tujuan <strong>abuse</strong> atau mengeksploitasi celah kebijakan provider.</li>\n<li>Pelanggaran terhadap <strong>ketentuan layanan (ToS)</strong> platform atau provider pihak ketiga.</li>\n<li>Tindakan yang melanggar <strong>privasi data</strong> individu atau organisasi.</li>\n<li>Segala bentuk <strong>tindakan ilegal</strong> atau melanggar hukum yang berlaku.</li>\n<li>Submit informasi bansos yang <strong>palsu, menyesatkan, atau tidak bisa diklaim</strong>.</li>\n</ul>\n<p>Semua informasi yang ditampilkan bersifat <strong>referensi</strong>. Selalu verifikasi langsung ke situs resmi provider sebelum melakukan klaim. Kami tidak bertanggung jawab atas perubahan kebijakan sepihak dari provider, interpretasi manfaat yang keliru, ataupun penyalahgunaan informasi oleh pihak tidak bertanggung jawab.</p>\n<p>Dengan menggunakan bansos.dev, Anda menyetujui bahwa platform ini hanyalah <strong>katalog komunitas</strong> dan segala klaim, transaksi, atau interaksi dengan provider sepenuhnya merupakan tanggung jawab pribadi masing-masing pengguna.</p>\n"
   },
   {
     "fullName": "giosakti/duragent",
@@ -1087,11 +1087,11 @@
     "url": "https://github.com/firewalker06/tycho",
     "homepage": "",
     "language": "Ruby",
-    "stars": 39,
+    "stars": 40,
     "forks": 4,
     "topics": [],
-    "updatedAt": "2026-07-21T12:51:10Z",
-    "pushedAt": "2026-07-21T12:52:14Z",
+    "updatedAt": "2026-07-23T13:50:28Z",
+    "pushedAt": "2026-07-23T13:03:15Z",
     "latestRelease": {
       "name": "Tycho v0.8.0",
       "tagName": "v0.8.0",
@@ -1320,7 +1320,7 @@
     "url": "https://github.com/ammar-rasyidi/mandum-rimba",
     "homepage": "https://www.mandumrimba.org",
     "language": "TypeScript",
-    "stars": 21,
+    "stars": 22,
     "forks": 5,
     "topics": [
       "conservation",
@@ -1337,7 +1337,7 @@
       "pmtiles",
       "wildlife"
     ],
-    "updatedAt": "2026-07-22T13:53:51Z",
+    "updatedAt": "2026-07-23T11:25:51Z",
     "pushedAt": "2026-07-20T10:31:33Z",
     "latestRelease": {
       "name": "Mandum Rimba v1.0.0",
@@ -1440,8 +1440,8 @@
       "linux",
       "omarchy"
     ],
-    "updatedAt": "2026-07-21T12:07:06Z",
-    "pushedAt": "2026-07-21T12:06:23Z",
+    "updatedAt": "2026-07-23T12:16:41Z",
+    "pushedAt": "2026-07-23T12:16:35Z",
     "latestRelease": {
       "name": "v0.2.2",
       "tagName": "v0.2.2",
@@ -1591,8 +1591,8 @@
     "stars": 14,
     "forks": 2,
     "topics": [],
-    "updatedAt": "2026-07-23T05:17:32Z",
-    "pushedAt": "2026-07-23T05:17:02Z",
+    "updatedAt": "2026-07-23T05:56:51Z",
+    "pushedAt": "2026-07-23T05:56:45Z",
     "latestRelease": {
       "name": "v1.2.54",
       "tagName": "v1.2.54",
@@ -1850,7 +1850,7 @@
       "semantic-search"
     ],
     "updatedAt": "2026-07-03T02:36:07Z",
-    "pushedAt": "2026-07-23T04:31:41Z",
+    "pushedAt": "2026-07-23T06:41:37Z",
     "latestRelease": {
       "name": "OpenEmpiric v1.0.5",
       "tagName": "v1.0.5",
diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro
index 2f6ca54..dc38ac4 100644
--- a/src/layouts/BaseLayout.astro
+++ b/src/layouts/BaseLayout.astro
@@ -15,6 +15,10 @@ interface Props {
   /** ISO timestamps used by article Open Graph metadata. */
   publishedAt?: string;
   modifiedAt?: string;
+  /** Page language. Indonesian remains the site default. */
+  language?: 'id' | 'en';
+  /** Translated equivalents used for hreflang discovery. */
+  alternates?: Array<{ lang: 'id' | 'en'; href: string }>;
   /**
    * Structured data injected as a JSON-LD `<script>`. Pass a plain object
    * (schema.org graph) and the layout serialises + hashes it for CSP. (SEO-4)
@@ -38,6 +42,8 @@ const {
   robots = 'index, follow',
   publishedAt,
   modifiedAt,
+  language = 'id',
+  alternates = [],
   jsonLd,
   heroPreloadHref
 } = Astro.props as Props;
@@ -47,6 +53,9 @@ const SITE_ORIGIN = Astro.site || new URL('https://indopensource.org');
 const baseUrl = import.meta.env.BASE_URL.replace(/\/?$/, '/');
 const canonicalUrl = new URL(Astro.url.pathname.replace(baseUrl, '/'), SITE_ORIGIN).toString();
 const imageUrl = new URL(image, SITE_ORIGIN).toString();
+const locale = language === 'en' ? 'en_US' : 'id_ID';
+const languageTag = language === 'en' ? 'en-US' : 'id-ID';
+const defaultAlternate = alternates.find((alternate) => alternate.lang === 'id');
 const cloudflareBeaconToken = import.meta.env.PUBLIC_CLOUDFLARE_WEB_ANALYTICS_TOKEN;
 const googleAnalyticsId = import.meta.env.PUBLIC_GOOGLE_ANALYTICS_ID;
 const googleSiteVerification = import.meta.env.PUBLIC_GOOGLE_SITE_VERIFICATION;
@@ -66,7 +75,7 @@ const suppliedNodes = jsonLd ? (Array.isArray(jsonLd) ? jsonLd : [jsonLd]) : [{
   url: canonicalUrl,
   name: title,
   description,
-  inLanguage: 'id-ID',
+  inLanguage: languageTag,
   isPartOf: { '@id': websiteId },
   about: { '@id': organizationId }
 }];
@@ -90,7 +99,7 @@ const structuredData = {
       '@id': websiteId,
       name: 'IndopenSource',
       url: siteUrl,
-      inLanguage: 'id-ID',
+      inLanguage: languageTag,
       publisher: { '@id': organizationId }
     },
     ...suppliedNodes.map(({ '@context': _context, ...node }) => node)
@@ -149,7 +158,7 @@ const csp = [
 ---
 
 <!doctype html>
-<html lang="id">
+<html lang={language}>
   <head>
     <meta charset="UTF-8" />
     <!-- Content-Security-Policy + referrer hardening for a header-less SSG host (SEC-02). -->
@@ -166,6 +175,12 @@ const csp = [
     <link rel="dns-prefetch" href="https://avatars.githubusercontent.com" />
     <link rel="dns-prefetch" href="https://raw.githubusercontent.com" />
     <link rel="canonical" href={canonicalUrl} />
+    {alternates.map((alternate) => (
+      <link rel="alternate" hreflang={alternate.lang} href={new URL(alternate.href, SITE_ORIGIN).toString()} />
+    ))}
+    {defaultAlternate && (
+      <link rel="alternate" hreflang="x-default" href={new URL(defaultAlternate.href, SITE_ORIGIN).toString()} />
+    )}
     {
       /* Preload the above-the-fold LCP image (homepage hero) at high priority so
          it downloads before the renderer reaches its <img>. astro:assets emits
@@ -188,7 +203,7 @@ const csp = [
     }
     {googleAnalyticsScript && <script is:inline set:html={googleAnalyticsScript} />}
     <meta property="og:site_name" content="IndopenSource" />
-    <meta property="og:locale" content="id_ID" />
+    <meta property="og:locale" content={locale} />
     <meta property="og:type" content={type} />
     <meta property="og:title" content={title} />
     <meta property="og:description" content={description} />
@@ -214,12 +229,12 @@ const csp = [
   <body>
     <!-- Skip past the header/primary nav to the content (WCAG 2.4.1). Must be
          the first focusable element in the DOM. (A11Y-1) -->
-    <a href="#main-content" class="skip-link">Lewati ke konten</a>
-    <SiteHeader />
+    <a href="#main-content" class="skip-link">{language === 'en' ? 'Skip to content' : 'Lewati ke konten'}</a>
+    <SiteHeader language={language} />
     <main id="main-content" tabindex="-1">
       <slot />
     </main>
-    <SiteFooter />
+    <SiteFooter language={language} />
     <!--
       SCROLL-AWARE REVEAL (MOTION). A bundled module script — Astro compiles
       this to /_astro/*, so it is covered by `script-src 'self'` (no inline
diff --git a/src/lib/content.ts b/src/lib/content.ts
index afbaece..f8d90ea 100644
--- a/src/lib/content.ts
+++ b/src/lib/content.ts
@@ -38,6 +38,10 @@ export interface BlogPost {
   tags: string[];
   /** Publication state. Anything other than `"draft"` is considered published. */
   status: string;
+  /** Article language. Existing articles default to Indonesian. */
+  lang?: 'id' | 'en';
+  /** Shared key used to connect translated versions of one article. */
+  translationKey?: string;
   thumbnail: string;
   content: string;
   sourceUrl: string;
@@ -66,6 +70,35 @@ export function isPublished(post: Pick<BlogPost, 'status'>): boolean {
   return post.status !== 'draft';
 }
 
+export function articleLanguage(post: Pick<BlogPost, 'lang'>): 'id' | 'en' {
+  return post.lang === 'en' ? 'en' : 'id';
+}
+
+export function articleHref(post: Pick<BlogPost, 'lang' | 'slug' | 'status'>): string {
+  const prefix = articleLanguage(post) === 'en' ? '/en' : '';
+  const preview = isPublished(post) ? '' : '/preview';
+  return `${prefix}/blog${preview}/${post.slug}/`;
+}
+
+export function articleTranslations(posts: BlogPost[], post: BlogPost): BlogPost[] {
+  if (!post.translationKey) return [];
+  return posts.filter(
+    (candidate) =>
+      candidate.translationKey === post.translationKey
+      && articleLanguage(candidate) !== articleLanguage(post)
+      && isPublished(candidate) === isPublished(post)
+  );
+}
+
+export function articleStaticPaths(posts: BlogPost[], lang: 'id' | 'en') {
+  return posts
+    .filter((post) => articleLanguage(post) === lang)
+    .map((post) => ({
+      params: { slug: isPublished(post) ? post.slug : `preview/${post.slug}` },
+      props: { post, translations: articleTranslations(posts, post) }
+    }));
+}
+
 /**
  * Reusable sanitize-html allowlist for untrusted Markdown-derived HTML.
  *
diff --git a/src/pages/blog.astro b/src/pages/blog.astro
index be33da9..db9e78a 100644
--- a/src/pages/blog.astro
+++ b/src/pages/blog.astro
@@ -4,9 +4,9 @@ import BaseButton from '../components/BaseButton.astro';
 import PageHeader from '../components/PageHeader.astro';
 import blogPosts from '../data/blog-posts.json';
 import { withBase } from '../lib/urls';
-import { isPublished, type BlogPost } from '../lib/content';
+import { articleHref, articleLanguage, isPublished, type BlogPost } from '../lib/content';
 
-const publishedPosts = (blogPosts as BlogPost[]).filter(isPublished);
+const publishedPosts = (blogPosts as BlogPost[]).filter((post) => isPublished(post) && articleLanguage(post) === 'id');
 
 const contributionSteps = [
   {
@@ -39,6 +39,10 @@ const statusLegend = [
 <BaseLayout
   title="Blog - IndopenSource"
   description="Catatan kerja, project spotlight, dan learning notes komunitas open source Indonesia dari repo Blog-IndopenSource."
+  alternates={[
+    { lang: 'id', href: '/blog/' },
+    { lang: 'en', href: '/en/blog/' }
+  ]}
 >
   <PageHeader eyebrow="Blog" title="Catatan kerja open source Indonesia.">
     <p>
@@ -54,6 +58,7 @@ const statusLegend = [
     <div class="mt-7 flex flex-wrap gap-3 text-ink">
       <BaseButton href="https://github.com/IndopenSource/Blog-IndopenSource">Buka repo blog</BaseButton>
       <BaseButton href="https://github.com/IndopenSource/Blog-IndopenSource/blob/main/templates/article.md" variant="secondary">Lihat template</BaseButton>
+      <BaseButton href="/en/blog/" variant="secondary">English articles</BaseButton>
     </div>
   </PageHeader>
 
@@ -71,7 +76,7 @@ const statusLegend = [
 
         <div class="grid gap-6">
           {publishedPosts.map((post) => {
-            const articleUrl = `/blog/${post.slug}/`;
+            const articleUrl = articleHref(post);
             const thumbnail = post.thumbnail || '/brand/indopensource-hero.jpg';
             const thumbnailUrl = /^https?:\/\//.test(thumbnail) ? thumbnail : withBase(thumbnail);
             const publishedDate = post.releasedAt
@@ -82,7 +87,7 @@ const statusLegend = [
               <article class="riso-hover riso-shadow grid overflow-hidden border-2 border-ink bg-paper md:grid-cols-[minmax(0,1fr)_minmax(280px,400px)]">
                 <div class="flex flex-col p-6 md:p-8">
                   <div class="meta-row flex flex-wrap items-center gap-x-3 gap-y-1 font-semibold text-muted uppercase tracking-[0.06em]">
-                    <span class="text-brand-dark">/blog/{post.slug}</span>
+                    <span class="text-brand-dark">{articleUrl}</span>
                     {publishedDate && <><span aria-hidden="true">·</span><span>{publishedDate}</span></>}
                     {post.author?.name && <><span aria-hidden="true">·</span><span class="text-brand-dark">oleh {post.author.name}</span></>}
                   </div>
diff --git a/src/pages/blog/[...slug].astro b/src/pages/blog/[...slug].astro
index d0d6895..90ff561 100644
--- a/src/pages/blog/[...slug].astro
+++ b/src/pages/blog/[...slug].astro
@@ -1,130 +1,13 @@
 ---
-import BaseLayout from '../../layouts/BaseLayout.astro';
-import PageHeader from '../../components/PageHeader.astro';
+import BlogArticlePage from '../../components/BlogArticlePage.astro';
 import blogPosts from '../../data/blog-posts.json';
-import { withBase, safeHref } from '../../lib/urls';
-import { isPublished, renderArticle, type BlogPost } from '../../lib/content';
+import { articleStaticPaths, type BlogPost } from '../../lib/content';
 
 export function getStaticPaths() {
-  // Drafts use a distinct preview route and stay out of listings and the sitemap.
-  return (blogPosts as BlogPost[]).map((post) => ({
-    params: { slug: isPublished(post) ? post.slug : `preview/${post.slug}` },
-    props: { post }
-  }));
+  return articleStaticPaths(blogPosts as BlogPost[], 'id');
 }
 
-const { post } = Astro.props;
-const published = isPublished(post);
-const articlePath = published ? `/blog/${post.slug}` : `/blog/preview/${post.slug}`;
-// Render Markdown through the shared sanitizing pipeline (no raw `set:html`).
-const html = renderArticle(post.content);
-const authors = post.authors?.length ? post.authors : post.author ? [post.author] : [];
-const authorDate = post.author?.committedAt
-  ? new Intl.DateTimeFormat('id-ID', { dateStyle: 'long' }).format(new Date(post.author.committedAt))
-  : '';
-const modifiedDate = post.lastModifiedAt
-  ? new Intl.DateTimeFormat('id-ID', { dateStyle: 'long' }).format(new Date(post.lastModifiedAt))
-  : '';
-const latestCommitUrl = safeHref(post.latestCommitUrl);
-const seoTitle = post.slug === 'bagaimana-open-source-mampu-bertahan'
-  ? 'Mengapa Open Source Bertahan Puluhan Tahun - IndopenSource'
-  : `${post.title} - IndopenSource`;
-const releaseDate = post.releasedAt
-  ? new Intl.DateTimeFormat('id-ID', { dateStyle: 'long', timeZone: 'UTC' }).format(new Date(post.releasedAt))
-  : '';
-const thumbnail = post.thumbnail || '/brand/indopensource-hero.jpg';
-const thumbnailUrl = /^https?:\/\//.test(thumbnail) ? thumbnail : withBase(thumbnail);
-const heroAlt = `Thumbnail artikel: ${post.title}`;
-// Provenance-aware author byline: frontmatter `authors[]` vs git commit metadata.
-const authorByline = post.authorFromFrontmatter
-  ? `Disebutkan di frontmatter artikel${authorDate ? ` (commit pertama ${authorDate})` : ''}.`
-  : `Kontributor diambil dari riwayat commit sumber Markdown${authorDate ? published ? `. Terbit ${authorDate}` : `. Commit pertama ${authorDate}` : ''}${modifiedDate ? ` · diperbarui ${modifiedDate}` : ''}.`;
-
-// BlogPosting structured data (passed to BaseLayout's hashed jsonLd prop so it
-// is CSP-allow-listed in <head>, not a separate inline script).
-const jsonLd = {
-  '@context': 'https://schema.org',
-  '@type': 'BlogPosting',
-  headline: post.title,
-  description: post.description,
-  image: thumbnailUrl,
-  ...(published && post.releasedAt ? { datePublished: post.releasedAt } : {}),
-  ...(post.lastModifiedAt ? { dateModified: post.lastModifiedAt } : {}),
-  ...(authors.length
-    ? { author: authors.map((author) => ({ '@type': 'Person', name: author.name, ...(safeHref(author.url) ? { url: safeHref(author.url) } : {}) })) }
-    : {}),
-  publisher: { '@type': 'Organization', name: 'IndopenSource' }
-};
+const { post, translations } = Astro.props;
 ---
 
-<BaseLayout title={seoTitle} description={post.description} image={thumbnailUrl} type="article" robots={published ? undefined : 'noindex, nofollow, noarchive'} publishedAt={published ? post.releasedAt : undefined} modifiedAt={post.lastModifiedAt} jsonLd={jsonLd}>
-  <PageHeader eyebrow="Blog" title={post.title} centered>
-    {!published && (
-      <div class="mb-6 border-2 border-ink bg-sun p-4 font-body text-ink riso-shadow-sm" role="status">
-        <strong class="font-display">Preview draf.</strong> Artikel ini masih ditinjau, belum diterbitkan, dan tidak diindeks mesin pencari.
-      </div>
-    )}
-    <p>{post.description}</p>
-    <div class="meta-row mt-5 flex flex-wrap items-center justify-center gap-x-3 gap-y-2 font-semibold text-ink uppercase tracking-[0.05em]">
-      <span class="text-brand-dark">{articlePath}</span>
-      {releaseDate && <><span aria-hidden="true">·</span><span>{published ? 'Rilis' : 'Tanggal draf'} {releaseDate}</span></>}
-      {authors.length > 0 && <><span aria-hidden="true">·</span><span class="text-brand-dark">oleh {authors.map((author) => author.name).join(' & ')}</span></>}
-    </div>
-    <div class="mt-5 flex flex-wrap items-center justify-center gap-2">
-      <span class="sticker">{post.status}</span>
-      {post.tags.map((tag) => <span class="stamp">{tag}</span>)}
-    </div>
-    <figure class="riso-hover riso-shadow mt-8 overflow-hidden border-2 border-ink bg-ink">
-      <img class="aspect-[16/9] w-full object-cover" src={thumbnailUrl} alt={heroAlt} width="1280" height="720" loading="eager" fetchpriority="high" decoding="async" />
-    </figure>
-  </PageHeader>
-
-  <article class="mx-auto w-[min(760px,calc(100%-32px))] pt-12 pb-16">
-    <div class="reveal reveal-1 article-body" set:html={html} />
-
-    <footer class="reveal reveal-2 mt-14 border-2 border-ink bg-canvas riso-shadow p-6 md:p-7">
-      <div class="mb-5 flex items-center gap-3">
-        <span class="sticker">Penulis</span>
-        <span class="rule grow"></span>
-      </div>
-      <div class="grid gap-4 sm:grid-cols-2">
-        {authors.map((author) => {
-          const authorUrl = safeHref(author.url);
-          return (
-            <div class="flex items-center gap-4">
-              {author.avatarUrl && (
-                <img class="size-14 shrink-0 border-2 border-ink bg-paper riso-shadow-sm" src={author.avatarUrl} alt="" width="56" height="56" loading="lazy" decoding="async" />
-              )}
-              <div class="min-w-0">
-                {authorUrl
-                  ? <a class="display-sm text-brand underline decoration-2 underline-offset-2 hover:text-accent" href={authorUrl}>{author.name}</a>
-                  : <span class="display-sm text-brand">{author.name}</span>}
-              </div>
-            </div>
-          );
-        })}
-      </div>
-      <p class="mt-4 font-body text-sm leading-6 text-muted">{authorByline}</p>
-      {latestCommitUrl && post.latestCommitSha && (
-        <a class="meta-row mt-2 inline-block font-semibold text-brand underline decoration-2 underline-offset-4 hover:text-accent" href={latestCommitUrl} target="_blank" rel="noopener noreferrer">
-          Commit terbaru {post.latestCommitSha.slice(0, 7)} ↗
-        </a>
-      )}
-      <hr class="rule my-6" />
-      <div class="flex flex-wrap gap-3">
-        <a
-          class="riso-hover riso-shadow-sm inline-flex min-h-11 items-center justify-center border-2 border-ink bg-paper px-4 font-mono text-xs font-bold uppercase tracking-[0.04em] text-ink hover:bg-sun"
-          href={post.sourceUrl}
-        >
-          Lihat sumber Markdown
-        </a>
-        <a
-          class="riso-hover riso-shadow-sm inline-flex min-h-11 items-center justify-center border-2 border-ink bg-paper px-4 font-mono text-xs font-bold uppercase tracking-[0.04em] text-ink hover:bg-sun"
-          href="https://github.com/IndopenSource/Blog-IndopenSource"
-        >
-          Repo blog
-        </a>
-      </div>
-    </footer>
-  </article>
-</BaseLayout>
+<BlogArticlePage post={post} translations={translations} />
diff --git a/src/pages/en/blog.astro b/src/pages/en/blog.astro
new file mode 100644
index 0000000..de50866
--- /dev/null
+++ b/src/pages/en/blog.astro
@@ -0,0 +1,72 @@
+---
+import BaseLayout from '../../layouts/BaseLayout.astro';
+import BaseButton from '../../components/BaseButton.astro';
+import PageHeader from '../../components/PageHeader.astro';
+import blogPosts from '../../data/blog-posts.json';
+import { withBase } from '../../lib/urls';
+import { articleHref, articleLanguage, isPublished, type BlogPost } from '../../lib/content';
+
+const publishedPosts = (blogPosts as BlogPost[]).filter(
+  (post) => isPublished(post) && articleLanguage(post) === 'en'
+);
+---
+
+<BaseLayout
+  title="English Articles - IndopenSource"
+  description="English articles from Indonesia's open source community."
+  language="en"
+  alternates={[
+    { lang: 'id', href: '/blog/' },
+    { lang: 'en', href: '/en/blog/' }
+  ]}
+>
+  <PageHeader eyebrow="Blog" title="Open source stories from Indonesia.">
+    <p>English editions of selected IndopenSource articles.</p>
+    <div class="mt-7 flex flex-wrap gap-3 text-ink">
+      <BaseButton href="/blog/" variant="secondary">Artikel Bahasa Indonesia</BaseButton>
+      <BaseButton href="https://github.com/IndopenSource/Blog-IndopenSource">Open blog repository</BaseButton>
+    </div>
+  </PageHeader>
+
+  <section class="py-16 md:py-20">
+    <div class="mx-auto grid w-[min(1120px,calc(100%-32px))] gap-6">
+      {publishedPosts.map((post) => {
+        const articleUrl = articleHref(post);
+        const thumbnail = post.thumbnail || '/brand/indopensource-hero.jpg';
+        const thumbnailUrl = /^https?:\/\//.test(thumbnail) ? thumbnail : withBase(thumbnail);
+        const publishedDate = post.releasedAt
+          ? new Intl.DateTimeFormat('en-US', { dateStyle: 'long', timeZone: 'UTC' }).format(new Date(post.releasedAt))
+          : '';
+
+        return (
+          <article class="riso-hover riso-shadow grid overflow-hidden border-2 border-ink bg-paper md:grid-cols-[minmax(0,1fr)_minmax(280px,400px)]">
+            <div class="flex flex-col p-6 md:p-8">
+              <div class="meta-row flex flex-wrap items-center gap-x-3 gap-y-1 font-semibold text-muted uppercase tracking-[0.06em]">
+                <span class="text-brand-dark">{articleUrl}</span>
+                {publishedDate && <><span aria-hidden="true">·</span><span>{publishedDate}</span></>}
+              </div>
+              <h2 class="display-md mt-4 max-w-2xl text-ink">
+                <a class="hover:text-brand" href={articleUrl}>{post.title}</a>
+              </h2>
+              <p class="mt-4 max-w-xl font-body text-lg leading-8 text-muted">{post.description}</p>
+              <div class="mt-7">
+                <BaseButton href={articleUrl} variant="secondary">Read article</BaseButton>
+              </div>
+            </div>
+            <a class="relative min-h-64 border-ink bg-ink max-md:border-t-2 md:border-l-2" href={articleUrl} aria-label={`Read ${post.title}`}>
+              <img
+                class="h-full min-h-64 w-full object-cover mix-blend-luminosity opacity-95"
+                src={thumbnailUrl}
+                alt={`Article thumbnail: ${post.title}`}
+                width="1280"
+                height="720"
+                loading="lazy"
+                decoding="async"
+              />
+            </a>
+          </article>
+        );
+      })}
+    </div>
+  </section>
+</BaseLayout>
diff --git a/src/pages/en/blog/[...slug].astro b/src/pages/en/blog/[...slug].astro
new file mode 100644
index 0000000..6720224
--- /dev/null
+++ b/src/pages/en/blog/[...slug].astro
@@ -0,0 +1,13 @@
+---
+import BlogArticlePage from '../../../components/BlogArticlePage.astro';
+import blogPosts from '../../../data/blog-posts.json';
+import { articleStaticPaths, type BlogPost } from '../../../lib/content';
+
+export function getStaticPaths() {
+  return articleStaticPaths(blogPosts as BlogPost[], 'en');
+}
+
+const { post, translations } = Astro.props;
+---
+
+<BlogArticlePage post={post} translations={translations} />
diff --git a/src/pages/sitemap.xml.ts b/src/pages/sitemap.xml.ts
index 1368570..b6a7160 100644
--- a/src/pages/sitemap.xml.ts
+++ b/src/pages/sitemap.xml.ts
@@ -2,7 +2,7 @@ import type { APIRoute } from 'astro';
 import blogPosts from '../data/blog-posts.json';
 import projects from '../data/projects.json';
 import { projectSlug } from '../lib/projects';
-import { isPublished } from '../lib/content';
+import { articleHref, isPublished, type BlogPost } from '../lib/content';
 
 /**
  * Hand-rolled sitemap at the conventional `/sitemap.xml` path.
@@ -38,6 +38,7 @@ const staticPages: SitemapEntry[] = [
   { path: '/users/' },
   { path: '/belajar/' },
   { path: '/blog/' },
+  { path: '/en/blog/' },
   { path: '/forum/' },
   { path: '/faq/' },
   { path: '/cara-berkontribusi/' },
@@ -55,10 +56,10 @@ const staticPages: SitemapEntry[] = [
   { path: '/contact/' }
 ];
 
-const blogPages: SitemapEntry[] = blogPosts
+const blogPages: SitemapEntry[] = (blogPosts as BlogPost[])
   .filter((post) => isPublished(post))
   .map((post) => ({
-    path: `/blog/${post.slug}/`,
+    path: articleHref(post),
     lastmod: toLastmod(post.lastModifiedAt) ?? toLastmod(post.releasedAt) ?? toLastmod(post.date)
   }));
 
diff --git a/test/lib.test.mjs b/test/lib.test.mjs
index e24024a..80f4fc3 100644
--- a/test/lib.test.mjs
+++ b/test/lib.test.mjs
@@ -14,7 +14,7 @@ import { describe, it } from 'node:test';
 
 import { projectSlug, rankProjectOwners } from '../src/lib/projects.ts';
 import { normalizeHref, safeHref } from '../src/lib/urls.ts';
-import { isPublished, renderArticle, forbiddenTags } from '../src/lib/content.ts';
+import { articleHref, articleLanguage, articleTranslations, isPublished, renderArticle, forbiddenTags } from '../src/lib/content.ts';
 
 describe('projectSlug (slug)', () => {
   it('encodes the owner/repo separator as a reserved "--" token', () => {
@@ -120,6 +120,24 @@ describe('isPublished (frontmatter)', () => {
   });
 });
 
+describe('article language routing', () => {
+  it('keeps Indonesian as the default and prefixes English routes', () => {
+    assert.equal(articleLanguage({}), 'id');
+    assert.equal(articleHref({ slug: 'contoh', status: 'published' }), '/blog/contoh/');
+    assert.equal(articleHref({ slug: 'example', status: 'published', lang: 'en' }), '/en/blog/example/');
+    assert.equal(articleHref({ slug: 'example', status: 'draft', lang: 'en' }), '/en/blog/preview/example/');
+  });
+
+  it('connects published translations through their shared key', () => {
+    const id = { slug: 'contoh', status: 'published', lang: 'id', translationKey: 'same' };
+    const en = { slug: 'example', status: 'published', lang: 'en', translationKey: 'same' };
+    const unrelated = { slug: 'other', status: 'published', lang: 'en', translationKey: 'other' };
+    assert.deepEqual(articleTranslations([id, en, unrelated], id), [en]);
+    assert.deepEqual(articleTranslations([id], { ...id, translationKey: undefined }), []);
+    assert.deepEqual(articleTranslations([id, { ...en, status: 'draft' }], id), []);
+  });
+});
+
 describe('renderArticle (frontmatter content)', () => {
   it('renders Markdown to HTML', () => {
     const html = renderArticle('# Title\n\nA **bold** paragraph.');