reactnest-boilerplate
🗼A starter project template with (Ngnix, ReactJS, Redux, Redux Thunk, React Router, NestJS, TypeORM, PostgreSQL, Docker, PM2) + (Code Style, Conventional Changelog with Commitlint, Husky, Git CZ)
파일 탐색기
최종 버전 다운로드 (.zip)- user.controller.ts
- user.module.ts
- application.ts
- 1609935652199-user-table.ts
- .gitkeep
- user.entity.ts
- index.ts
- modify-body-response.interceptor.ts
- application.interfaces.ts
- index.ts
- .gitkeep
- .gitkeep
- app.controller.ts
- app.module.ts
- main.ts
- ormconfig.ts
- .gitkeep
- .dockerignore
- .editorconfig
- .env.example
- .eslintrc
- .gitignore
- .prettierrc
- Dockerfile
- ecosystem.config.js
- jest.config.js
- nest-cli.json
- package-lock.json
- package.json
- README.md
- tsconfig.build.json
- tsconfig.json
- schema.sql
- default.conf
- favicon.ico
- index.html
- logo192.png
- logo512.png
- manifest.json
- robots.txt
- .gitkeep
- .gitkeep
- apiGithub.test.ts
- apiRandomUser.test.ts
- .gitkeep
- global.css
- assets.png
- commitlint.svg
- component-shared.png
- config.png
- git-cz.png
- github-find.png
- layout-example.png
- module-core.png
- module-example.png
- pm2-cluster.png
- redux.png
- vscode-find.png
- nestjs.png
- react-bg.png
- react.jpg
- reactnest.jpg
- routes.tsx
- store.ts
- api.services.ts
- palletColors.ts
- index.ts
- alert.component.tsx
- alert.styles.tsx
- index.ts
- github.provider.ts
- index.ts
- randomUser.provider.ts
- index.ts
- math.utils.ts
- appbar.component.tsx
- copyright.component.tsx
- footer.component.tsx
- footer.styles.tsx
- index.ts
- default.layout.tsx
- index.ts
- login.page.tsx
- auth.actions.ts
- auth.reducer.ts
- auth.state.ts
- auth.types.ts
- auth.routes.tsx
- banner.component.tsx
- banner.styles.tsx
- card.component.tsx
- card.styles.tsx
- chip.component.tsx
- chip.styles.tsx
- loading.component.tsx
- loading.sytles.tsx
- status.component.tsx
- status.styles.tsx
- index.ts
- home.mock.ts
- home.page.tsx
- home.styles.tsx
- home.actions.ts
- home.reducer.ts
- home.state.ts
- home.types.ts
- home.routes.tsx
- button.component.tsx
- loading.component.tsx
- index.ts
- App.tsx
- index.tsx
- react-app-env.d.ts
- .editorconfig
- .env.example
- .env.production.example
- .eslintrc
- .gitignore
- .prettierrc
- package-lock.json
- package.json
- tsconfig.json
- .editorconfig
- .gitignore
- .nvmrc
- commitlint.config.js
- docker-compose.dev.example
- docker-compose.prod.example
- entrypoint-dev.sh
- entrypoint-prod.sh
- LICENSE
- package-lock.json
- package.json
- README.md
# 설치 가이드
1. 코드 내려받기
git clone https://github.com/gabriel-roque/reactnest-boilerplate
깃허브에서 프로젝트 코드 전체를 내 컴퓨터로 내려받습니다.
cd reactnest-boilerplate
방금 내려받은 프로젝트 폴더 안으로 이동합니다.
2. Docker
쉬움 추천사전 준비물
- Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
- Docker Desktop 컨테이너를 빌드하고 실행하려면 필요합니다. 설치 후 실행해서 백그라운드에 켜두세요.
$ git clone https://github.com/gabriel-roque/react-donis-docker-starter
이 명령어를 터미널에 그대로 입력해 실행하세요.
$ cd react-donis-docker-starter
이 명령어를 터미널에 그대로 입력해 실행하세요.
$ docker-compose up -d
compose 설정 파일에 정의된 서비스들을 대상으로 명령을 실행합니다.
터미널에 docker compose ps 를 입력해 컨테이너들이 Up 상태인지 확인하세요. README에 포트 번호가 적혀있다면 브라우저에서 http://localhost:포트번호 로 접속해보세요.
이 레포의 README에 적힌 실제 명령어를 그대로 가져왔습니다.
3. Node.js
쉬움사전 준비물
$ npm run typeorm:create
이 명령어를 터미널에 그대로 입력해 실행하세요.
$ npm run typeorm:migrate
이 명령어를 터미널에 그대로 입력해 실행하세요.
$ npm run typeorm:run
이 명령어를 터미널에 그대로 입력해 실행하세요.
$ cd web-app && npm start
개발/실행 서버를 켭니다.
$ cd api && npm run start:dev
개발/실행 서버를 켭니다.
명령어 실행 후 터미널에 나타나는 주소(보통 http://localhost:3000 형태)를 브라우저에서 열어보세요.
이 레포의 README에 적힌 실제 명령어를 그대로 가져왔습니다.
// repository documentation
Was this content helpful?
(0 ratings)