왜 필요한가

글 중심 사이트에 일부 대화형 기능이 필요합니다. 글을 읽는 데까지 큰 앱을 준비시키면 불필요한 부담이 생깁니다.

어떻게 해결하는가

Markdown 글 3개와 레이아웃 하나로 시작합니다. 다음을 누르면 목록과 글 HTML 3개를 만들고 호스팅을 거쳐 브라우저에 전달합니다. 선택적 저장 아일랜드를 켜도 본문은 그대로 읽힙니다. 레이아웃 누락은 빌드를 멈추며, 정적 파일만으로 개인 저장 기록을 유지할 수는 없습니다. 이전은 앞 단계로, 초기화·새로고침은 처음으로 돌아갑니다.

Astro: 개념 시뮬레이션

개념 시뮬레이션

Astro

다음으로 소스 → 빌드 → 출력 → 호스트 → 브라우저를 따라갑니다.

  1. 01 Markdown 글 3개 + 레이아웃
    • A17.md
    • B04.md
    • C99.md
    • 공유 레이아웃
  2. 02 Astro 컴포넌트 빌드

    대기

  3. 03 생성된 HTML 파일 0

    index.html · A17.html · B04.html · C99.html

  4. 04 정적 호스트 · 파일 발행
  5. 05 브라우저 · 글 3개 읽기

Markdown 글 3개 + 레이아웃

본문 안의 가상 데모입니다. 초기화·새로고침으로 처음 상태로 돌아갑니다.

무엇이라 부르는가

Astro는 콘텐츠를 HTML로 렌더링하고 선택한 아일랜드에 클라이언트 상호작용을 더합니다. 여기서는 정적 출력을 사용하지만 서버 렌더링도 지원합니다.

아일랜드와 별도 저장 API를 조합하세요.

출처