Astro static-first icerik mimarisi

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.

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:

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