react saas template

SaaS 템플릿 반응

한때 구축하려고 시도했던 SaaS 비즈니스의 유적입니다. 이제 React + Material-UI를 사용하여 SaaS/관리 애플리케이션을 구축하기 위한 템플릿으로 변환되었습니다.

데모를 확인해보세요

시작하기

전제 조건

Node.js 12+(아래 버전은 작동할 수 있지만 테스트되지 않음)

• 리눅스:

   sudo apt install nodejs npm
  

• Windows 또는 macOS:

  https://nodejs.org/en/

설치 중

1. 저장소 복제

    git clone https://github.com/dunky11/react-saas-template
   

2. 종속성을 설치합니다. 1분 정도 걸릴 수 있습니다.

    cd react-saas-template
   npm install
   

3. 로컬 서버 시작

    npm start
   

이제 브라우저가 열리고 앱이 표시됩니다. 그렇지 않으면 브라우저에서 http://localhost:3000/을 엽니다. 파일을 편집하면 페이지가 자동으로 새로 고쳐집니다.

다음에 무엇을 해야 할까요?

React를 처음 접한다면 먼저 기본 React 튜토리얼을 시청해야 합니다.

React를 알고 있다면 필요한 대부분의 정보는 Material-UI 문서에 있습니다.

src/theme.js로 이동하여 스크립트 상단의 기본 및 보조 색상 코드를 원하는 값으로 변경하면 마법 같은 일이 일어날 것입니다.

전개

웹사이트 상태에 만족한다면 다음을 실행할 수 있습니다.

 npm run build 

내부에 컴파일된 프로젝트가 포함된 build라는 폴더가 생성됩니다. 그런 다음 콘텐츠를 웹루트에 복사하면 바로 사용할 수 있습니다.

다음으로 제작됨

• Create-React-App - 개발을 부트스트랩하는 데 사용됩니다.
• Material-UI - 머티리얼 디자인 구성 요소
• React-Router - 앱 라우팅
• 페이스 - 상단의 로딩 바
• Emoji-Mart - 이모티콘 선택기
• React-Dropzone - 업로드를 위한 파일 드롭 구성 요소
• Recharts - 통계에 사용한 차트 라이브러리
• Aos - 뷰포트 기반 애니메이션
• React-Cropper - 이미지 업로드를 위한 자르기 도구
• React-Stripe-js - 스트라이프 결제 요소

기여하다

프로젝트에 대한 여러분의 지지를 보여주세요. Pull Request는 언제나 환영합니다.

특허

이 프로젝트는 MIT 라이선스에 따라 라이선스가 부여됩니다. 자세한 내용은 LICENSE.md 파일을 참조하세요.