react-starter-kit

(★ 23,668)

Bun, TypeScript, Tailwind CSS, tRPC, Stripe, Cloudflare Workers를 사용하는 모던 React 스타터 키트입니다. 빠른 웹 앱을 구축하기 위한 프로덕션급 모노레포입니다.

파일 탐색기

최종 버전 다운로드 (.zip)
  • .editorconfig
  • .env
  • .gitattributes
  • .gitignore
  • .prettierignore
  • AGENTS.md
  • bun.lock
  • CLAUDE.md
  • eslint.config.ts
  • LICENSE
  • package.json
  • README.md
  • skills-lock.json
  • tsconfig.json
  • vitest.config.ts

# 설치 가이드

1. 코드 내려받기
git clone https://github.com/kriasoft/react-starter-kit

깃허브에서 프로젝트 코드 전체를 내 컴퓨터로 내려받습니다.

cd react-starter-kit

방금 내려받은 프로젝트 폴더 안으로 이동합니다.

2. Docker

쉬움 추천
사전 준비물
  • Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
  • Docker Desktop 컨테이너를 빌드하고 실행하려면 필요합니다. 설치 후 실행해서 백그라운드에 켜두세요.
⚠️ 이 프로젝트는 규모가 큰 저장소라, 이 방법이 실제 핵심 제품이 아니라 내부 하위 패키지를 가리키는 것일 수 있습니다. README 전체를 함께 확인해보세요.
docker build -f apps/api/Dockerfile -t react-starter-kit .

Dockerfile을 기반으로 실행 가능한 이미지를 빌드합니다.

docker run -p 8080:80 react-starter-kit

빌드된 이미지를 실제 컨테이너로 실행합니다.

✅ 터미널에 docker compose ps 를 입력해 컨테이너들이 Up 상태인지 확인하세요. README에 포트 번호가 적혀있다면 브라우저에서 http://localhost:포트번호 로 접속해보세요.

3. Node.js

쉬움
사전 준비물
  • Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
  • Node.js npm 명령어를 쓰려면 Node.js가 설치되어 있어야 합니다. LTS(장기지원) 버전을 추천합니다.
cd apps/api

이 프로젝트의 관련 파일이 하위 폴더 안에 있어서, 먼저 그 폴더로 이동합니다.

npm install

package.json에 명시된 라이브러리들을 내려받아 설치합니다.

npm start

개발/실행 서버를 켭니다.

✅ 명령어 실행 후 터미널에 나타나는 주소(보통 http://localhost:3000 형태)를 브라우저에서 열어보세요.

오늘의 추천 프로젝트

mall ★ 84,558

mall 프로젝트는 Spring Boot와 MyBatis를 기반으로 구현되고 Docker 컨테이너화 배포를 채택한 프론트엔드 쇼핑몰 시스템과 백엔드 관리 시스템을

Java
puppeteer ★ 95,481

Chrome 및 Firefox를 위한 JavaScript API

TypeScript
PayloadsAllTheThings ★ 80,236

웹 애플리케이션 보안, 모의 해킹(Pentest), CTF를 위한 유용한 페이로드 및 우회 기법 모음

Python
terminal ★ 104,654

새로운 Windows Terminal과 기존 Windows 콘솔 호스트가 모두 한곳에 모여 있습니다!

C++
AppFlowy ★ 75,808

프로젝트, 위키, 그리고 팀을 AI로 하나로 연결하세요. AppFlowy는 데이터에 대한 통제력을 잃지 않으면서 더 많은 것을 이뤄낼 수 있는 AI 협업 워크스페

Dart
bootstrap ★ 174,623

웹에서 반응형 모바일 우선 프로젝트를 개발하기 위한 가장 인기 있는 HTML, CSS, JavaScript 프레임워크입니다.

MDX
// repository documentation