JAMstack

JAMstack 구조

마크업은 빌드 시 미리 만들고, 동적인 기능은 API와 서버리스 함수로 연결해 CDN에서 빠르게 전달한다.

요청 흐름

CDN first

빌드 단계

콘텐츠와 코드를 묶어 정적 HTML, CSS, JS 산출물로 만든다.

CDN 전달

사용자 요청은 가까운 엣지에서 정적 파일을 받아 초기 응답이 빨라진다.

API 연결

검색, 결제, 인증처럼 동적인 기능은 필요할 때 API로 호출한다.

CMS/코드빌드CDNAPI
요청 흐름

JAMstack은 서버가 없다는 뜻이 아니라, 매 요청마다 페이지를 만들지 않도록 정적 전달과 동적 API의 역할을 나누는 구조다.