JAMstack 경계 설계

빌드 시점에 확정할 것과 요청 시점에 API로 처리할 것을 나누면 구조가 선명해집니다.

Markup문서, 상품 목록, 랜딩 페이지를 사전 HTML로 만듭니다.
CDN정적 산출물은 가까운 엣지에 캐시되어 왕복 시간을 줄입니다.
JavaScript필터, 장바구니, 화면 상태 같은 상호작용을 담당합니다.
APIs인증, 결제, 검색, CMS 데이터를 서비스 단위로 연결합니다.

빌드 시점에 두기

콘텐츠자주 바뀌지 않는 페이지와 문서는 정적으로 생성합니다.
보안서버와 데이터베이스 노출면을 줄이고, 배포 산출물만 공개합니다.
성능CDN 캐시가 잘 먹히는 HTML, CSS, JS를 우선 배포합니다.

요청 시점에 남기기

사용자별로그인 상태, 개인화, 권한은 API에서 판단합니다.
실시간채팅, 재고, 시세처럼 초 단위로 변하는 값은 동적으로 가져옵니다.
민감 작업결제, 인증, 쓰기 작업은 검증 가능한 API 경계에 둡니다.

판단 기준: 같은 HTML을 많은 사용자에게 제공할수록 JAMstack의 CDN 이점이 커지고, 사용자별 상태가 많을수록 API 설계가 중요해집니다.