Repolode
zclzone

zclzone/vue-naive-admin

Vite, Pinia, UnoCSS, Naive UI로 만든 경량 Vue 3 관리자 대시보드 템플릿이며, NestJS 백엔드를 선택적으로 사용할 수 있습니다.

스타
3,984
포크
588
열린 이슈
1
마지막 커밋
2개월 전

어떤 프로젝트인가요?

Vue Naive Admin은 백오피스 시스템을 구축하기 위한 미니멀한 관리자 대시보드 템플릿입니다. 프런트엔드는 Naive UI 컴포넌트와 함께 Vite, Vue 3, Pinia, UnoCSS를 사용하며, 학습 부담을 낮추기 위해 TypeScript 대신 순수 JavaScript로 작성되었습니다.

권한에 따라 라우트를 동적으로 생성하므로 403 페이지와 404 페이지를 구분할 수 있고, 새 페이지를 추가할 때 별도의 라우트 정의가 필요하지 않습니다. 로그인 세션은 Redis를 기반으로 한 토큰 자동 갱신을 지원하며, Page 컴포넌트, CRUD 테이블, Modal 같은 재사용 가능한 래퍼도 제공합니다.

NestJS, TypeORM, MySQL 기반의 풀스택 백엔드는 별도 저장소에서 제공되며, JWT 인증, RBAC, 템플릿에 필요한 기본 엔드포인트를 지원합니다. Java와 Go로 작성된 다른 커뮤니티 백엔드도 호환 가능한 것으로 소개되어 있습니다.

핵심 기능

  • 01Naive UI 컴포넌트와 함께 Vue 3, Vite, Pinia, UnoCSS를 기반으로 합니다.
  • 02사용자 권한에 따라 라우트를 생성하며, 403 페이지와 404 페이지를 구분합니다.
  • 03영속성을 지원하는 Pinia 상태 관리 기능을 제공합니다.
  • 04Redis를 기반으로 토큰을 자동 갱신합니다.
  • 05재사용 가능한 Page, CRUD 테이블, Modal 컴포넌트를 제공합니다.
  • 06JWT와 RBAC를 지원하는 NestJS + TypeORM + MySQL 백엔드를 선택적으로 사용할 수 있습니다.

활용 사례

  • 소규모 사업체의 내부 백오피스나 관리자 콘솔을 시작할 때 활용할 수 있습니다.
  • 권한 기반 라우팅을 사용하는 Vue 3 관리자 프로젝트의 구조를 학습할 수 있습니다.
  • 기성 템플릿을 바탕으로 학교 프로젝트나 개인용 관리 대시보드를 구축할 수 있습니다.

빠른 시작

  1. 1

    degit으로 템플릿을 클론합니다(Git 기록은 포함되지 않음).

    npx degit zclzone/vue-naive-admin
  2. 2

    또는 이 템플릿을 사용해 나만의 GitHub 저장소를 만듭니다.

사용 전 알아둘 점

  • 문서와 README는 주로 중국어로 작성되어 있습니다.
  • 선택 사항인 NestJS 백엔드에는 MySQL이 필요하며, 토큰 갱신 기능은 Redis를 사용합니다.

포함된 컬렉션

토픽

자주 묻는 질문

vue-naive-admin은(는) 무엇인가요?
Vite, Pinia, UnoCSS, Naive UI로 만든 경량 Vue 3 관리자 대시보드 템플릿이며, NestJS 백엔드를 선택적으로 사용할 수 있습니다. Vue Naive Admin은 백오피스 시스템을 구축하기 위한 미니멀한 관리자 대시보드 템플릿입니다. 프런트엔드는 Naive UI 컴포넌트와 함께 Vite, Vue 3, Pinia, UnoCSS를 사용하며, 학습 부담을 낮추기 위해 TypeScript 대신 순수 JavaScript로 작성되었습니다.
vue-naive-admin은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?
vue-naive-admin은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.
vue-naive-admin은(는) 아직 유지보수되고 있나요?
6개월 이내 업데이트. vue-naive-admin의 마지막 커밋은 2026년 8월 29일입니다.
vue-naive-admin은(는) 어디에 사용할 수 있나요?
소규모 사업체의 내부 백오피스나 관리자 콘솔을 시작할 때 활용할 수 있습니다. 권한 기반 라우팅을 사용하는 Vue 3 관리자 프로젝트의 구조를 학습할 수 있습니다. 기성 템플릿을 바탕으로 학교 프로젝트나 개인용 관리 대시보드를 구축할 수 있습니다.
vue-naive-admin는 어떻게 설치하나요?
degit으로 템플릿을 클론합니다(Git 기록은 포함되지 않음).: npx degit zclzone/vue-naive-admin 또는 이 템플릿을 사용해 나만의 GitHub 저장소를 만듭니다.
vue-naive-admin은(는) 어디서 받을 수 있나요?
소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/zclzone/vue-naive-admin

요약은 프로젝트 README를 바탕으로 AI가 작성했습니다. GitHub 통계는 매일 갱신됩니다.

관련 프로젝트

Stardew Valley에서 영감을 받은 중국풍 마을 배경의 텍스트 기반 농장·생활 시뮬레이션 게임으로, Vue 3와 TypeScript로 개발되어 브라우저에서 즐길 수 있습니다.

학습 자료#browser-game#farming-simulation#text-game
594+4 이번 주86TypeScriptOther활발히 관리됨업데이트 9일 전