Розгорніть свій 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.
- 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.
- 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.
- 03
Розгорніть
Запустіть "npx harvis deploy dist" у корені проєкту. Для цього першого розгортання не потрібні ні конфігурація, ні вхід — ви одразу отримаєте живу URL-адресу плюс приватне посилання для підтвердження, щоб коли завгодно прив'язати сайт до безкоштовного акаунта.
Розгорніть React однією командою
Зберіть проєкт, а потім передайте папку з результатом harvis. Акаунт для першого розгортання не потрібен — ви отримаєте живе посилання й приватне посилання для підтвердження, щоб керувати сайтом пізніше.
npm run build npx harvis deploy dist
Хочете перетягувати файли замість терміналу? Зберіть проєкт, а потім перетягніть папку з результатом сюди і опублікуйте так само.
Deploy React on every git push
The command above is one you will run again after every change. A git hook runs it for you: this one already points at dist, the folder React builds into.
The folder holding the finished site. "." is the repo root, which is right for hand-written HTML; a static-site generator writes somewhere else.
pre-push fires on every branch and every remote, so a feature branch would publish over your live site. With this on, a push from anywhere else exits early and goes through untouched.
cat > .git/hooks/pre-push <<'EOF' #!/bin/sh set -e npm run build harvis deploy dist EOF chmod +x .git/hooks/pre-push
The options, the gotchas and how to share a hook with your team are on the git hook page.
Питання про розгортання 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 файлів і 50 МБ на сайт, чого з запасом вистачає для статичної збірки React. Опубліковані сайти не мають терміну дії — вони залишаються онлайн, доки ви їх не видалите.
Чи можу я використати власний домен для розгорнутого сайту React?
Кожен сайт отримує безкоштовну адресу harvis.page, а після підтвердження ви можете вибрати власний піддомен у панелі керування — my-app.harvis.page замість випадкового. Прив'язка домену, яким ви вже володієте (наприклад, mystore.com), поки не підтримується.
Чим це відрізняється від розгортання React на Vercel чи Netlify?
Vercel і Netlify побудовані навколо підключення Git-репозиторію та запуску вашої збірки на їхніх серверах, із панеллю для налаштування. harvis пропускає все це: ви збираєте проєкт локально (або у власному CI), виконуєте одну команду CLI для папки з результатом і отримуєте посилання — без налаштування проєкту й без акаунта, доки не захочете зберегти сайт за собою.
Розгортаєте щось інше?
Рецепт скрізь однаковий — зберіть, а потім опублікуйте результат через npx harvis deploy.