Enlite Starter - 풀 스택 개발자를 위한 React 관리 대시보드 템플릿
Enlite Starter - Firebase 인증이 포함된 React 대시보드 스타터 템플릿 http://enlite.ux-maestro.com
여기에서 문서를 읽어보세요.
https://ilhammeidi.github.io/enlite-docs/#firebase
템플릿 기능
- 현대 기술. 가장 인기 있는 자바스크립트 라이브러리 React.JS 및 Redux 중 하나로 구축됨
- 프리미엄 디자인. 다크 모드와 라이트 모드와 함께 심플하고 우아한 테마 색상
- 다중 레이아웃 및 RTL 지원. 사이드바 및 상단바 탐색 레이아웃. jss-rtl을 사용한 자동 RTL 조정 스타일링
- 입증. Firebase 소셜 및 이메일 로그인 사용
- 사전 빌드된 앱. Redux-Saga 및 Realtime DB 통합이 포함된 샘플 CRUD 앱.
- 다국어를 지원합니다. 6개의 번역 영어, 독일어, 아랍어, 중국어, 인도네시아어, 스페인어를 포함합니다.
- 재사용이 가능하고 수정이 쉬운 30개 이상의 반응 구성 요소 및 모듈.
- 다양한 샘플 페이지 랜딩 페이지, 2개의 대시보드 변형 등
- ES6으로 작성된 차세대 JavaScript
- 표준 12Grid System 기반의 반응형 디자인
- 스타터 프로젝트. 본질적인 기능을 방해하지 않고 처음부터 앱을 구축하세요.
- 테스트 유닛. Mocha 및 Chai를 사용한 머티리얼 UI 구성 요소 기능 테스트
- 고성능. JSS(JS의 CSS) 및 비동기 코드 분할을 사용한 스타일링.
- eslint가 관리하는 깔끔한 코드.
- 완전 벡터 아이콘 및 글꼴 아이콘입니다.
- 직접 코드 미리보기. 파일을 열지 않고도 소스 코드를 더 쉽게 얻을 수 있습니다.
- 그리고 더 많은…
프라임 버전 받기
Envato 마켓에서 지금 구매하세요
데모 보기
설치
- 이 프로젝트 복제
- 터미널
npm install 에서 이 스크립트를 실행하여 모듈 종속성을 설치합니다. - 다운로드가 완료된 후 Build Webpack DLL 종속성을 빌드합니다(필요한 경우).
npm run build:dll - 마지막으로 앱을 실행해 보세요.
npm start - http://localhost:3001로 이동합니다.
전개
- 먼저 프로덕션 자산을 빌드해야 합니다. 먼저
npm run build 실행해야 합니다. - 그런 다음
npm run start:prod 앱을 시작하세요. - 백그라운드에서 실행하려면 PM2 https://www.npmjs.com/package/pm2를 시도한 다음 다음 명령을 실행하십시오:
node node_modules/.bin/cross-env NODE_ENV=production pm2 start server - http://localhost:3001로 이동합니다.
직접 코드 미리보기 활성화
문서에 쉽고 효과적으로 액세스하고 구현할 수 있도록 모든 구성 요소 데모에 소스 코드를 첨부했습니다. 우리는 이를 직접 코드 미리보기라고 부릅니다. 이 기능은 구매한 제품에서만 사용할 수 있습니다(데모에서는 사용할 수 없음).
- 구성 파일 열기
/app/config/codePreview.js - 기본적으로 false로 설정됨
-
enable: true , 직접 코드 미리보기 활성화 - http://localhost:8080/app/tables/advanced-table의 구성요소 데모(예: http://localhost:8080/app/tables/advanced-table)로 테스트하세요.
- 그러면 모든 구성요소의 맨 아래에 <> 코드 표시 버튼이 표시됩니다. 클릭하시면 됩니다.
- 해당 구성 요소의 소스 코드도 표시됩니다.
- 눈앞의 모든 구성 요소를 직접 보고, 복사하고, 붙여넣을 수 있습니다.
특허
이 프로젝트는 MIT 라이선스 조건에 따라 라이선스가 부여됩니다.
