데브허브 | DEVHUB | Build and Deploy a Full-Stack Hotel Website with Astro & SanityBuild and Deploy a Full-Stack Hotel Website with Astro & Sanity
- Astro, Sanity, Clerk, Tailwind, Shadcn, Stripe를 활용하여 전문적인 풀스택 호텔 웹사이트를 구축하고 배포하는 방법을 다루는 시리즈입니다. 🚀
- 반응형 프론트엔드, Sanity CMS를 통한 편집 가능한 콘텐츠, 사용자 인증, 예약 시스템, Stripe 결제 통합 등 실제 웹사이트의 모든 핵심 기능을 구현합니다. 🏨
- 모든 객실 정보, 편의 시설, 가격, 할인, 사용자 리뷰 및 예약 상태(확인됨, 체크인, 체크아웃, 취소됨) 등을 Sanity Studio에서 실시간으로 관리하고 편집할 수 있습니다. ✍️
- Clerk를 통한 사용자 로그인/회원가입 후, 날짜 선택, 객실 수량, 할인 적용된 최종 가격 확인, Stripe를 통한 안전한 결제 과정을 거쳐 예약을 완료합니다. 🔒
- 사용자는 자신의 예약 내역을 확인하고, 예약 상세 정보를 보거나 취소할 수 있으며, 숙박 후 객실에 대한 리뷰를 남길 수 있습니다. 🗓️
- Sanity에서 변경된 대부분의 콘텐츠는 즉시 반영되지만, 새로운 객실 추가나 리뷰 승인과 같은 일부 변경 사항은 데이터 캐싱으로 인해 재배포(build)가 필요합니다. 🔄
- 특정 날짜에 이미 예약된 객실은 다른 사용자가 예약할 수 없도록 시스템이 자동으로 감지하여 예약 충돌을 방지합니다. 🚫
- Astro와 Sanity를 사용하여 풀스택 애플리케이션 구축에 관심 있는 프론트엔드 개발자를 대상으로 하며, HTML, CSS, 기본 JavaScript/TypeScript 및 React 컴포넌트 지식이 권장됩니다. 🧑💻
- 전체 강의는 YouTube에서 무료로 제공되지만, 전체 소스 코드는 유료로 제공되어 제작자를 지원하며, 구매 시 설정 및 배포 가이드 영상이 추가 제공됩니다. 💰
- 단순한 랜딩 페이지나 포트폴리오 웹사이트가 아닌, 실제 운영 가능한 복잡한 기능을 갖춘 프로젝트를 통해 실무 경험을 쌓을 수 있습니다. ✨