Build and Deploy a Full-Stack Hotel Website with Astro & Sanity
- Astro와 Sanity를 사용하여 호텔 웹사이트를 구축하는 과정 설명 🏨.
- 환경 변수에 타입 안전성을 추가하여 오류를 줄이고 개발 효율성을 향상시킴 🛡️.
- Astro.config 파일에 스키마를 추가하여 환경 변수를 관리하고 타입 안정성을 확보 ⚙️.
- 사용자 문서(user document)를 생성하여 CL dashboard의 사용자 데이터를 Sanity와 동기화 👯.
- Sanity 스키마에 사용자 ID, 이름, 이메일, 이미지 URL, 생성일시 필드를 추가 📝.
- Sanity API 토큰을 생성하여 문서에 쓰기 권한을 부여하고 데이터 관리를 용이하게 함 🔑.
- Clark 웹훅을 설정하여 사용자 생성 및 업데이트 이벤트를 처리하고 Sanity와 연동 📡.
- ngrok 대신 포트 포워딩을 사용하여 로컬 서버를 인터넷에 노출시키고 웹훅 테스트를 진행 🌐.
- 외부 URL 미리보기 컴포넌트를 생성하여 사용자 이미지와 이름을 표시하고 UI를 개선 🖼️.
- Sanity에 필요한 의존성 추가 및 설정 오류 해결을 통해 개발 환경을 안정화 🛠️.