slash admin

슬래시 관리자

Slash Admin은 React 18, Vite, Ant Design 및 TypeScript로 구축된 최신 관리 대시보드 템플릿입니다. 개발자가 강력한 관리 관리 시스템을 신속하게 만들 수 있도록 설계되었습니다.

미리보기 · 디스코드 · 문서

영어 | 중국어

스폰서

시사

• https://admin.slashspaces.com/

특징

• React 18 Hook을 사용하여 제작되었습니다.
• 신속한 개발 및 핫 모듈 교체를 위해 Vite로 구동됩니다.
• Ant Design을 통합하여 풍부한 UI 구성 요소 및 디자인 패턴 세트를 제공합니다.
• TypeScript로 작성되어 유형 안전성과 향상된 개발 경험을 제공합니다.
• 다양한 화면 크기와 장치에 적응하는 반응형 디자인입니다.
• 중첩된 경로를 지원하는 유연한 라우팅 구성.
• 사용자 역할에 따른 통합 접근 제어입니다.
• 쉬운 언어 전환을 위해 국제화를 지원합니다.
• 사용자 관리, 역할 관리, 권한 관리와 같은 일반적인 관리 기능이 포함되어 있습니다.
• 귀하의 브랜딩 요구 사항에 맞게 사용자 정의 가능한 테마와 스타일을 제공합니다.
• MSW와 Faker.js를 기반으로 한 모의 솔루션입니다.
• Zustand를 사용한 상태 관리
• React-Query를 사용한 데이터 가져오기.

빠른 시작

프로젝트 코드 받기

git clone https://github.com/d3george/slash-admin.git

종속성 설치

프로젝트의 루트 디렉터리에서 다음 명령을 실행하여 프로젝트 종속성을 설치합니다.

pnpm install

개발 서버 시작

개발 서버를 시작하려면 다음 명령을 실행하십시오.

pnpm dev

애플리케이션을 보려면 http://localhost:3001을 방문하세요.

프로덕션용 빌드

프로덕션 버전을 빌드하려면 다음 명령어를 실행하세요.

pnpm build

도커 배포

이미지 빌드 및 컨테이너 실행

이미지 빌드

터미널에 프로젝트 루트 디렉터리를 입력하고 다음 명령을 실행하여 Docker 이미지를 빌드합니다.

 docker build -t your-image-name .

your-image-name 자신의 이미지 이름으로 바꾸십시오.

컨테이너 실행

다음 명령을 사용하여 Docker 컨테이너에서 애플리케이션을 실행합니다.

 docker run -p 3001:80 your-image-name

그러면 컨테이너의 포트 80 ( Dockerfile 에 노출됨)에서 애플리케이션이 실행되고 호스트의 포트 3001 에 매핑됩니다.

이제 http://localhost:3001에 액세스하여 배포된 애플리케이션을 볼 수 있습니다.

docker-compose.yaml을 사용하세요.

터미널에 프로젝트 루트 디렉터리를 입력하고 다음 명령을 실행하여 Docker Compose를 시작합니다.

 docker-compose up -d

Docker Compose는 'docker-compose'에 정의된 구성을 기반으로 이미지를 빌드합니다. yaml'을 실행하고 백그라운드에서 컨테이너를 실행합니다.

컨테이너가 성공적으로 실행되면 http://localhost:3001을 통해 액세스하여 배포된 애플리케이션을 볼 수도 있습니다.

Git 기여 제출 사양

reference.commitlint.config.js

• 새로운 기능을 feat
• fix 고치다
• docs 문서 또는 의견
• style 코드 형식(코드 실행에 영향을 주지 않는 변경 사항)
• refactor 리팩터링
• perf 성능 최적화
• revert 커밋 되돌리기
• test 테스트 관련
• 건설 과정이나 보조 도구의 변경 chore
• ci CI 구성 및 스크립트 수정
• types 유형 정의 파일 변경
• 개발 중 wip