reforge

React 상용구로서 엔터프라이즈 애플리케이션을 위한 기본 UI 솔루션입니다.

데모 · 버그 신고 · 기능 요청

특징

• Tailwindcss 및 Ant Design 사용하여 우아하고 사용자 정의 가능한 UI.
• React Router 사용한 단일 페이지 애플리케이션.
• reqres 사용한 모의 API 요청.
• @ant-design/pro-components 사용한 강력한 레이아웃 및 테이블.
• @loadable/component 사용한 코드 분할 및 지연 로딩 구성요소.
• react-redux 및 @reduxjs/toolkit 사용한 상태 관리.
• redux-persist 사용하여 지속적인 redux 상태.
• nprogress 사용하여 진행률 표시줄을 로드하는 중입니다.
• ESLint 및 Prettier 활성화되었습니다.
• PWA(Progressive Web App)를 활성화하는 옵션입니다. (프로덕션 빌드에서만 사용 가능)
• API 승인을 처리하기 위해 Axios 인터셉터가 활성화되었습니다.
• 새로운 Pull Request를 확인하기 위한 자동화된 워크플로우입니다.

데모

https://reforge.netlify.app

신임장

• 이메일: [email protected]
• 비밀번호: password

용법

• 프로젝트를 복제하고 디렉터리를 변경합니다.

  git clone https://github.com/arifszn/reforge.git
  cd reforge

• 종속성을 설치합니다.

  npm install

• 개발서버를 실행하세요.

  npm run dev

• 마지막으로 브라우저에서 http://localhost:5173 방문하세요. 자격증은 위에서 확인하실 수 있습니다.

구성

앱 이름, 테마 색상, 메타 태그 등을 포함한 설정은 프로젝트 루트에 있는 단일 파일 config.ts 에서 제어할 수 있습니다.

 //config.ts
const CONFIG = {
  appName : 'Reforge' ,
  enablePWA : true ,
  theme : {
    accentColor : '#818cf8' ,
    sidebarLayout : 'mix' ,
    showBreadcrumb : true ,
  } ,
  metaTags : {
    title : 'Reforge' ,
    description :
      'An out-of-box UI solution for enterprise applications as a React boilerplate.' ,
    imageURL : 'logo.svg' ,
  } ,
} ;

export default CONFIG ; 

지원하다

이 프로젝트에 출연하여 지지를 보여줄 수 있습니다. ★

기여하다

기여하려면 기여 가이드를 참조하세요.

특허

MIT