Хостинг для Vite и React-приложений

Что покрывает эта страница

• vite build → dist
• VITE_* переменные
• SPA / React Router fallback
• static hosting
• Node Micro

Как задеплоить

1. Загрузите ZIP или укажите GitHub с vite.config и package.json.
2. Добавьте VITE_* / публичные ENV при необходимости.
3. Deployka выполнит build и раздаст готовую статику через HTTPS.

React Router: fallback для вложенных URL

Стандартный Vite build Deployka отдаёт через Nginx и не включает SPA fallback. Для этого примера добавьте Dockerfile и nginx.conf в корень проекта. Dockerfile использует npm с package-lock.json и стандартный каталог dist; измените команды или путь, если у вас другой менеджер пакетов или outDir. Свой Dockerfile имеет приоритет над автоопределением Vite.

# Dockerfile (npm + package-lock.json)
FROM node:20-slim AS build
WORKDIR /app
COPY package.json package-lock.json ./
RUN npm ci
COPY . .
RUN npm run build

FROM nginx:alpine
COPY --from=build /app/dist /usr/share/nginx/html
COPY nginx.conf /etc/nginx/conf.d/default.conf
EXPOSE 80

# nginx.conf
server {
  listen 80;
  root /usr/share/nginx/html;
  location / {
    try_files $uri $uri/ /index.html;
  }
}

Какие ENV нужны

• PORT — автоматически.
• VITE_* — переменные, встраиваемые на этапе сборки; задайте их до деплоя.
• Секреты бэкенда сюда не кладите — только публичные клиентские значения.

Package managers и стек

• npm
• pnpm
• yarn

Типичные ошибки

• Пустая страница после деплоя — проверьте base в vite.config и ошибки загрузки JS в браузере.
• Прямой переход на вложенный маршрут React Router может вернуть 404: стандартная статическая сборка не перенаправляет неизвестные пути на index.html. Добавьте SPA fallback через свой Dockerfile — пример ниже.
• VITE_* не подхватились — переменные нужны на этапе build, не только runtime.
• Сборка падает на TypeScript / ESLint — исправьте локально или ослабьте строгие checks в CI-скриптах.

Тариф

Для Vite / React / небольшого API обычно хватает Node Micro — 299 ₽/мес (1 vCPU, 512 MB RAM).

Полезные ссылки

Смотрите также