Astro로 정적 기술 블로그 시작하기

콘텐츠 컬렉션과 정적 생성을 조합하는 최소 구성을 살펴보는 샘플 글입니다.

마지막 수정:

목차 보기
  1. 왜 정적 사이트인가
  2. 콘텐츠 불러오기
  3. 확인 목록
목차 보기
  1. 왜 정적 사이트인가
  2. 콘텐츠 불러오기
  3. 확인 목록

이 글은 레이아웃과 Markdown 요소를 확인하기 위한 샘플입니다. 실제 운영 전 내용은 교체하세요.

왜 정적 사이트인가

정적 사이트는 빌드 시 HTML을 만들기 때문에 서버 데이터베이스 없이도 빠르게 제공할 수 있습니다.

콘텐츠 불러오기

import { getCollection } from 'astro:content';

const posts = await getCollection('blog');

확인 목록

  • frontmatter 스키마 검증
  • 초안 제외
  • 영구적인 URL 사용
항목 선택
렌더링 Static Site Generation
콘텐츠 Markdown

Astro 공식 문서에서 더 자세한 내용을 확인할 수 있습니다.