VitePress란?

VitePress는 마크다운을 기반으로 하는 정적 HTML 페이지를 생성하는 정적 사이트 생성기(SSG)입니다. 이 도구는 기술 문서, 블로그, 포트폴리오, 마케팅 사이트 등 다양한 용도에 적합합니다. VitePress는 Vue 3와 Vite 기반으로 구축되어 있으며, 개발자에게 빠른 개발 경험과 우수한 성능을 제공합니다.

사용 사례

• 기술 문서: VitePress는 기술 문서용으로 설계된 기본 테마를 제공합니다. Vue.js 공식 문서를 비롯한 다양한 프로젝트 문서에 사용됩니다.
• 블로그, 포트폴리오, 마케팅 사이트: VitePress는 완전히 사용자 정의 가능한 테마를 지원하며, Vite 플러그인을 통한 유연한 데이터 로딩과 동적 라우팅 생성 기능을 제공합니다.

개발자 경험

• Vite 기반: 즉각적인 서버 시작과 수정 사항 반영을 지원합니다.
• 마크다운 확장 기능: Frontmatter, 테이블, 구문 강조 등을 지원합니다.
• Vue 향상된 마크다운: 마크다운 페이지가 Vue 단일 파일 컴포넌트로 처리됩니다.

성능

• 빠른 초기 로드: 정적 HTML을 빠르게 로드하고 Vue SPA로 전환합니다.
• 빠른 페이지 간 탐색: SPA 모델을 사용하여 페이지 리로드 없이 콘텐츠를 동적으로 업데이트합니다.

VuePress와의 차이점

VitePress는 VuePress의 후속작으로, Vue 3와 Vite를 기반으로 더 나은 개발 경험과 성능을 제공합니다. VuePress 사용자는 VitePress로의 마이그레이션이 비교적 간단합니다.