RSSAmplifier

Harry Suryapambagya · Apr 28, 2026

Hello, world — blog ini dibangun dengan Astro

0
Sign in to vote or save

Harry Suryapambagya · Harry Suryapambagya

  1. Home
  2. Blog
  3. Hello, world — blog ini dibangun dengan Astro

Post pertama. Kenapa aku pindah ke Astro + Cloudflare Pages dan apa saja yang bisa kamu harapkan dari blog ini.

3 min read

On this page4 sections
  1. Kenapa Astro?
  2. Contoh code block
  3. Komponen MDX yang bisa dipakai
  4. Next up

Halo dan selamat datang di blog. Ini post pertama — sebagian besar tujuannya cuma mastiin semuanya jalan (dark mode, tags, syntax highlighting, RSS, comments), tapi karena aku di sini, sekalian aja aku jelasin alasan pindah.

Kenapa Astro?

Sebelumnya pakai stack yang berat: database, CMS, server runtime. Untuk kebutuhan tulis-menulis dengan traffic di bawah satu juta visit per bulan, itu overkill. Astro menawarkan beberapa hal yang cocok banget buat “engineer yang sebenarnya cuma pengin nulis”:

  • Static by default — output-nya HTML. Tidak ada server yang perlu di-patch.
  • Zero JS by default — hanya hydrate komponen yang benar-benar butuh interaktif.
  • Content collections dengan Zod — frontmatter di-validate saat build, bukan pas user buka page.

Contoh code block

Biar syntax highlighting-nya kelihatan jalan:

# deploy via Wrangler (opsional, Cloudflare Pages juga auto-deploy dari Git)

npx wrangler pages deploy dist --project-name=my-blog

export async function getPublishedPosts() {

const posts = await getCollection("blog", ({ data }) =>

import.meta.env.PROD ? !data.draft : true,

);

return posts.sort(

(a, b) => b.data.pubDate.valueOf() - a.data.pubDate.valueOf(),

);

}

Komponen MDX yang bisa dipakai

Selain markdown standar, post ini juga punya beberapa komponen siap pakai:

Quick facts

Framework
Astro 5 + MDX

Hosting
Cloudflare Pages (free tier)

Comments
Giscus (GitHub Discussions)

Search
Fuse.js, fully client-side

~/blog ❯npm run new-post -- 'Judul post baru'

✔ Created src/content/blog/judul-post-baru.md
✔ Filled frontmatter (date, slug, tags=[])
→ Edit and you're good to go.

Next up

Beberapa post yang sudah masuk antrian:

  1. Terraform modules yang benar-benar reusable — pelajaran dari 3 tahun bikin yang salah.
  2. Observability stack yang murah: Grafana + Loki + Tempo di VPS $5/bulan.
  3. Cost optimization AWS: kapan pakai Savings Plans, kapan pakai Spot.

Kalau tertarik, subscribe lewat RSS atau follow lewat social links di footer.

OlderTerraform modules yang benar-benar reusable

Read the original on harry.id

Comments

Nothing yet. Say the first thing.

    Sign in to join the conversation.