Astro 프로젝트 시작하기

[devdeun]

blog template으로 시작하기

npm create astro@latest

기타 패키지 추가

# react 통합 패키지 설치
npx astro add react

# tailwind 관련 패키지 설치
npx astro add tailwind
npm install -D clsx
npm install -D tailwind-merge
npm install -D class-variance-authority
npm install -D tailwindcss-animate

# ESLint 관련 패키지 설치
npm install -D eslint eslint-plugin-astro @typescript-eslint/parser @typescript-eslint/eslint-plugin eslint-plugin-simple-import-sort eslint-plugin-unused-imports eslint-plugin-jsx-a11y

# Prettier 관련 패키지 설치
npm install -D prettier prettier-plugin-astro prettier-plugin-tailwindcss

설정 파일 추가

touch .eslintrc.cjs
touch .prettierrc.mjs

astro:content 관련 타입 오류 해결

npm run astro sync # .astro/types.d.ts 파일을 생성해 콘텐츠 컬렉션의 타입 정보 제공