React

React 앱 배포하기

A React app is just static files once it's built — the CLI doesn't know or care that it's React. The only thing that varies is which folder the build lands in, and that depends on what scaffolded the project.

steps
  1. 01

    Build the app

    Run "npm run build" (or the equivalent for your package manager). This bundles and minifies everything into a folder of static files.

  2. 02

    Find the output folder

    Scaffolded with Vite (the current default)? It's "dist". Still on Create React App? It's "build" — CRA is deprecated but plenty of projects still use it.

  3. 03

    배포하기

    프로젝트 루트에서 "npx harvis deploy dist"를 실행하세요. 첫 배포에는 설정도 로그인도 필요 없습니다 — 즉시 실제 URL을 받고, 준비가 되면 언제든 사이트를 무료 계정에 연결할 수 있는 비공개 소유권 등록 링크도 함께 받습니다.

React을(를) 명령어 하나로 배포하세요

프로젝트를 빌드한 다음 출력 폴더를 harvis에 넘기세요. 첫 배포에는 계정이 필요 없습니다 — 실제 링크와, 나중에 관리할 수 있는 비공개 소유권 등록 링크를 받게 됩니다.

terminal
npm run build
npx harvis deploy dist

터미널 대신 파일을 드래그하는 게 편하신가요? 프로젝트를 빌드한 다음 출력 폴더를 여기에 드롭하면 같은 방식으로 공개됩니다.

React 배포 관련 질문

My project uses Create React App, not Vite. Does anything change?

Only the folder name. Run "npm run build" as usual, then "npx harvis deploy build" instead of "dist". Everything else — routing, assets, the deploy itself — works the same.

Does client-side routing (React Router) work after deploying?

Yes, for the common case. harvis falls back to your entrypoint HTML file for unmatched paths, which is what client-side routers need to handle a direct visit to a deep link like /settings.

React 앱을 harvis에 배포하는 게 정말 무료인가요?

네, 카드 등록도 필요 없습니다. 무료 제한은 사이트당 파일 500개, 50MB로, 정적 React 빌드라면 여유 있게 충분합니다. 공개된 사이트는 만료되지 않고 삭제하기 전까지 계속 유지됩니다.

배포한 React 사이트에 내 도메인을 쓸 수 있나요?

모든 사이트에는 무료 harvis.dev 주소가 부여되며, 소유권을 등록한 뒤 대시보드에서 원하는 서브도메인을 직접 고를 수 있습니다 — 임의의 이름 대신 my-app.harvis.dev처럼요. 이미 소유한 도메인(mystore.com 같은)을 사이트에 연결하는 기능은 아직 지원하지 않습니다.

React을(를) Vercel이나 Netlify에 배포하는 것과 무엇이 다른가요?

Vercel과 Netlify는 Git 저장소를 연결하고 자체 서버에서 빌드를 실행하며 대시보드로 설정하는 방식을 중심으로 만들어졌습니다. harvis는 이 과정을 전부 생략합니다: 로컬(또는 자체 CI)에서 빌드한 다음 출력 폴더에 대고 CLI 명령어 하나를 실행하면 링크를 받습니다 — 프로젝트 설정도 필요 없고, 사이트를 계속 유지하고 싶어질 때까지 계정도 필요 없습니다.

other frameworks

다른 것을 배포하시나요?

방법은 어디서나 동일합니다 — 빌드한 다음 출력 폴더를 npx harvis deploy하세요.