AstroWind 템플릿
완벽한 PageSpeed 점수, 다크 모드, RSS 블로그 및 SEO 최적화를 갖춘 프로덕션 준비 완료 Astro 5.0 + Tailwind CSS 템플릿입니다.
기술 스택
- 프레임워크: MDX 지원 Astro 5.0
- 스타일링: Tailwind CSS
- 언어: TypeScript
- 특징: 다크 모드, RSS, SEO, 블로그
- 패키지 매니저: npm
- 출력:
dist디렉토리 - 개발 포트: 4321
설정
1. 템플릿 복제
git clone --depth 1 https://github.com/Eng0AI/astrowind-template.git .
디렉토리가 비어 있지 않은 경우:
git clone --depth 1 https://github.com/Eng0AI/astrowind-template.git _temp_template
mv _temp_template/* _temp_template/.* . 2>/dev/null || true
rm -rf _temp_template
2. Git 히스토리 제거 (선택 사항)
rm -rf .git
git init
3. 의존성 설치
npm install
빌드
npm run build
배포
Vercel (권장)
vercel pull --yes -t $VERCEL_TOKEN
vercel build --prod -t $VERCEL_TOKEN
vercel deploy --prebuilt --prod --yes -t $VERCEL_TOKEN
Netlify
netlify deploy --prod --dir=dist
개발
npm run dev
http://localhost:4321 에서 열립니다.
구성
src/config.yaml을 편집하여 다음을 사용자 정의하세요:
- 사이트 이름, 설명 및 메타데이터
- 내비게이션 링크
- 소셜 미디어 링크
- 분석 설정