astro-njx-launch은(는) 무엇을 하나요?
제품 출시 / 대기자 명단 스타터: Astro + njX UI + Alpine.js — 비디오 모달, 추천사 슬라이더, 낙관적 대기자 명단 폼. CSS 한 번 임포트, 아홉 가지 테마.
개요
이 스타터 프로젝트는 제품 출시 또는 서비스 대기자 명단 페이지를 빠르게 만들기 위해 설계되었습니다. Astro의 빠른 정적 사이트 생성, njX UI의 아름다운 컴포넌트, Alpine.js의 반응형 인터랙션을 결합합니다.
기능
- 비디오 모달: 제품 소개 비디오를 모달 창으로 표시합니다.
- 추천사 슬라이더: 고객 후기를 슬라이드 형태로 보여줍니다.
- 낙관적 대기자 명단 폼: 사용자 입력을 즉시 반영하여 대기자 명단에 등록하는 폼입니다.
- 아홉 가지 테마: 단일 CSS 임포트만으로 다양한 테마를 적용할 수 있습니다.
사용 방법
- 이 저장소를 클론합니다.
npm install로 의존성을 설치합니다.npm run dev로 개발 서버를 실행합니다.
커스터마이징
src/config/디렉토리에서 설정을 수정할 수 있습니다.src/themes/에서 테마를 추가하거나 수정하세요.- 주요 컴포넌트는
src/components/에 위치합니다.
배포
npm run build로 정적 사이트를 빌드하고, 원하는 호스팅 서비스에 배포하세요.
라이선스
MIT