Astro로 블로그 시작하기

Astro는 콘텐츠 중심 웹사이트를 위한 현대적인 정적 사이트 생성기입니다.

왜 Astro인가?

• 빠른 성능: 기본적으로 JavaScript를 제거하여 빠른 로딩 속도
• Island Architecture: 필요한 곳에만 JavaScript 추가
• 다양한 프레임워크 지원: React, Vue, Svelte 등 혼용 가능

시작하기

npm create astro@latest

Content Collections

Astro의 Content Collections를 사용하면 타입 안전한 마크다운 콘텐츠를 관리할 수 있습니다.

import { defineCollection, z } from 'astro:content';

const blog = defineCollection({
  schema: z.object({
    title: z.string(),
    pubDate: z.date(),
  }),
});

다음 포스트에서 더 자세한 내용을 다루겠습니다.