Yayinlandi: 13 Mayıs 2026

Astro static-first icerik mimarisi

Static-first Astro mimarisinde MDX, Content Collections ve Decap CMS ile dusuk bakimli bir icerik sistemi kurmanin pratik ornegi.

astrodecap-cmsmdx

Bu yazi, yeni icerik omurgasinin nasil calistigini gosteren fixture iceriktir. Build sirasinda frontmatter dogrulanir, hatali alanlar siteyi fail eder.

Gorsel sistemi

Imported image kullanildiginda Astro responsive source set ve modern formatlari otomatik uretir.

Icerik girisinden deploy'a giden static-first akis diyagrami
Icerik yaz, commit olustur, CI calissin, Cloudflare Pages yayinlasin.

Video sistemi

Kod bloklari

const blog = defineCollection({
  schema: ({ image }) =>
    z.object({
      title: z.string().min(5),
      coverImage: image().optional(),
    }),
});

Istersen dogrudan reusable component ile de kod blogu yazabilirsin:

src/lib/blog.ts
export async function getPublishedPosts() {
const posts = await getCollection('blog', ({ data }) => !data.draft);
return sortPosts(posts);
}