유튜브블로그Top 10
내 프로필

데브허브 안내
소개업데이트 소식

데브허브 커뮤니티

Build and Deploy a Full-Stack Hotel Website with Astro & Sanity

Dev Lawrence

2025. 9. 12.

0

#frontend
#backend
  • 예약 세부 정보 페이지 구축 과정을 설명 🚀
  • 예약 ID를 기반으로 특정 예약 정보 가져오기 🔑
  • URL에서 예약 ID 추출 및 유효성 검사 🔗
  • 사용자 ID를 가져와 로그인 상태 확인 ✅
  • Sanity 클라이언트를 사용하여 예약 데이터 가져오기 📡
  • 예약 데이터가 없으면 홈페이지로 리디렉션 🏠
  • Sanity에서 생성된 타입을 활용하여 데이터 타입 정의 🗂️
  • 예약 ID를 사용하여 페이지 제목 동적으로 변경 ✍️
  • 예약 정보를 표시하기 위한 UI 레이아웃 구성 🎨
  • 체크인, 체크아웃 날짜 표시 및 형식 지정 📅
  • 성인 및 어린이 수 표시 👨‍👩‍👧‍👦
  • 객실 수 및 객실 유형 표시 🏨
  • 체크인/체크아웃 날짜를 기준으로 숙박 일수 계산 🌙

Recommanded Videos