프로젝트 소개

Metis는 Colorlib에서 관리하는 무료 MIT 라이선스 Bootstrap 5 관리자 대시보드 템플릿입니다. README는 src-modern에 소스가, dist-modern에 프로덕션 출력이 있는 현대화된 템플릿으로 소개됩니다. Node.js 20.19+, npm 또는 yarn이 필요합니다. 템플릿은 Bootstrap 5.3.8, Alpine.js 3.17, ES6+ JavaScript, Vite 8.2, Sass, ApexCharts를 사용합니다. 빌드에서 사용하는 아이콘만 포함된 Bootstrap Icons,theming용 CSS 커스텀 속성, localStorage 영속성 있는 다크/라이트 모드, 반응형 레이아웃, Inter 폰트를 포함합니다. README는 그림자 대신 테두리에서 구조가 오는 디자인 시스템을 강조하며, 상호작용에는 하나의 강조 색상을 사용하고 scripts/utils/chart-palette.js의 검증된 차트 팔레트가 차트 색상을 결정합니다. 포함된 페이지에는 분석 대시보드, CRUD 폼이 있는 사용자 관리, 제품 관리, 주문 관리, 파일 관리자, 캘린더, 메시지/채팅 스타일링, 테이블/필터/내보내기 있는 보고서, 설정, 보안, 도움말/지지가 있습니다. 인증 및 오류 페이지에는 로그인, 계정 생성, 비밀번호 분실/재설정, 2단계 인증, 잠금 화면, 404, 500, 유지보수 페이지가 포함됩니다. 개발자 경험: HMR이 있는 Vite 개발 서버, 선택적 TypeScript 지원, 모듈형 컴포넌트, abstracts/components/layout/pages/themes 구조의 SCSS 아키텍처, 소스 맵, 린팅 및 포매팅이 포함됩니다. 스크립트에는 npm run dev, build, preview, lint, format, audit, test:build, verify, clean이 있습니다. 연무 테스트는 헤드리스 Chromium에서 모든 빌드 페이지를 로드하여 제어되지 않은 예외, 콘솔 오류, 실패 또는 외부 요청, 누락된 차트, 누락된 구문 강조를 확인합니다. Playwright는 의도적으로 종속성이 아니며 별도로 공급할 수 있습니다. CI는 푸시 시와 매주 연무 테스트를 실행합니다. 버전 노트에는 보안 강화, 접근성 개선, 성능 작업, 메모리 누수 수정, 단일 차트 라이브러리, 도구체 업데이트, 인라인 JavaScript 제거가 포함됩니다. README는 제로 서드파티 런타임 요청을 명시합니다: 폰트, 차트, 구문 강조, 이미지가 자체 호스팅되므로 템플릿은 오프라인 및 엄격한 CSP 뒤에서도 작동합니다. 브라우저 지원은 Chrome 90+, Firefox 88+, Safari 14+, Edge 90+이며 IE11은 지원하지 않습니다. 저장소에는 컴포넌트, 사용자화, 배포에 대한 문서 링크와 기여 가이드라인이 포함되어 있습니다.