KRACER97 & AdSense Jamstack 문서 아키텍처

💡 핵심 가치: 0ms에 가까운 초고속 초기 로딩, Core Web Vitals(CLS=0) 완벽 방어, 3대 멀티 테마(Modern, Eco-Lodge, Agritourism), 그리고 구글 애드센스(Google AdSense) 수익 최적화를 동시에 제공합니다.

1. 주요 특징 및 이점

본 프레임워크는 KRACER97 심레이싱 & 하드웨어 허브의 대규모 기술 문서를 빠르고 쾌적하게 열람할 수 있도록 설계되었습니다.

• No-Build 순수 브라우저 렌더링: index.html과 정적 파일만으로 Nginx/Caddy 정적 호스팅에 즉각 배포 및 실시간 반영.
• 3대 독립 멀티 테마 지원:
  • ⚡ theme001: 모던 레인보우 잼스택 (기술 문서 및 API에 최적화)
  • 🌿 theme002: 에코 로지 네이처 (북유럽 부티크 포레스트 그린 톤)
  • 🍇 theme003: 애그리투어리즘 러스틱 팜 (토스카나 와이너리 & 키안티 버건디 어스 톤) [theme003 전용 랜딩페이지 보기 →]
• 7색 레인보우 스타일 톤: 상단 팔레트 칩을 통해 원하는 포인트 컬러와 배경 틴트 즉시 전환 및 영구 보존.
• 구글 애드센스 CLS = 0 방어: 사전 예약된 광고 슬롯을 통해 레이아웃 밀림 없이 Core Web Vitals 만점 유지.
• 실시간 플로팅 목차 (TOC): 본문 <h2>, <h3> 헤더를 실시간 스캔하는 ScrollSpy 내장.

2. 기술 스택 비교표