태그: SSG
4편
-
Astro Islands 아키텍처: client 디렉티브로 필요한 컴포넌트만 Hydration하기
Astro에서 client:load·client:idle·client:visible 같은 디렉티브로 필요한 컴포넌트만 Hydration하는 방법, React·Vue·Svelte를 한 페이지에 섞어 쓰는 설정, Next.js·Qwik과의 구조적 차이를 예제로 살펴봅니다.
-
Next.js App Router에서 SSR·SSG·ISR 선택 가이드 | 렌더링 전략과 캐싱
Next.js App Router에서 SSR·SSG·ISR을 fetch 캐시 옵션, revalidate, Route Segment Config로 어떻게 선택하는지 설명하고, 운영에서 겪은 캐시 함정과 Suspense 경계로 데이터 워터폴을 줄이는 설계를 다룹니다.
-
Astro 4에서 달라진 것: Dev Toolbar, Content Collections v2, View Transitions
Astro 4의 Dev Toolbar, Zod 스키마를 쓰는 Content Collections v2, View Transitions를 실제 설정 예제로 살펴보고, 아일랜드와 부분 수화가 빌드·런타임에서 어떻게 동작하는지, Vite 설정으로 빌드를 튜닝하는 방법을 설명합니다.
-
Astro로 정적 사이트 만들기: 아일랜드 하이드레이션, 콘텐츠 컬렉션, Vite 빌드 파이프라인
Astro 컴포넌트와 레이아웃, client:load·visible·idle·only 하이드레이션 선택자, 콘텐츠 컬렉션, React·Vue 통합, API Routes를 예제로 따라가며 Cloudflare Pages 배포까지 진행해 봅니다.