124 lines
3.1 KiB
Markdown
124 lines
3.1 KiB
Markdown
# 🚀 Быстрая шпаргалка по деплою
|
||
|
||
## ⚠️ ВАЖНО: Сначала проверьте сборку!
|
||
|
||
**Linux/Mac:**
|
||
```bash
|
||
./check-build.sh
|
||
```
|
||
|
||
**Windows:**
|
||
```cmd
|
||
check-build.bat
|
||
```
|
||
|
||
Это покажет, создаётся `dist` или `build`. Используйте правильную папку в настройках!
|
||
|
||
---
|
||
|
||
## 1️⃣ Netlify (РЕКОМЕНДУЕТСЯ - 2 минуты)
|
||
```
|
||
1. https://netlify.com → Sign up
|
||
2. "Add new site" → "Import from Git"
|
||
3. Выбрать репозиторий → Deploy
|
||
✅ Готово! Автодеплой включен
|
||
|
||
📝 netlify.toml уже настроен на папку build
|
||
Если нужно изменить - см. NETLIFY-FIX.md
|
||
```
|
||
|
||
## 2️⃣ Cloudflare Pages (Очень быстро)
|
||
```
|
||
1. https://pages.cloudflare.com → Sign up
|
||
2. "Create a project" → Подключить Git
|
||
3. Build: npm run build | Output: dist
|
||
✅ Готово!
|
||
```
|
||
|
||
## 3️⃣ GitHub Pages (100% бесплатно)
|
||
```
|
||
1. Запушить код в GitHub
|
||
2. Settings → Pages → Source: "GitHub Actions"
|
||
✅ Готово! Файл .github/workflows/deploy.yml уже настроен
|
||
```
|
||
|
||
## 4️⃣ Яндекс.Облако (Российское)
|
||
```bash
|
||
# Установка CLI
|
||
curl -sSL https://storage.yandexcloud.net/yandexcloud-yc/install.sh | bash
|
||
|
||
# Создание бакета
|
||
yc storage bucket create --name softclick --public-read
|
||
|
||
# Деплой
|
||
npm run build
|
||
yc storage s3api sync ./dist/ s3://softclick/
|
||
|
||
✅ Готово! ~100₽/месяц
|
||
```
|
||
|
||
## 5️⃣ Обычный хостинг (Timeweb, Beget и т.д.)
|
||
```bash
|
||
# Локально:
|
||
npm run build
|
||
|
||
# Загрузить через FTP содержимое папки dist/
|
||
# Файл .htaccess уже готов
|
||
|
||
✅ Готово! от 120₽/месяц
|
||
```
|
||
|
||
---
|
||
|
||
## ⚡ Супер-быстрая команда (для всех платформ)
|
||
```bash
|
||
npm run build
|
||
```
|
||
Загрузите содержимое папки `dist/` куда угодно!
|
||
|
||
---
|
||
|
||
## 🎯 Что выбрать?
|
||
|
||
- **Нужно быстро и бесплатно?** → Netlify
|
||
- **Нужен супер-быстрый CDN?** → Cloudflare Pages
|
||
- **100% бесплатно навсегда?** → GitHub Pages
|
||
- **Только российское?** → Яндекс.Облако
|
||
- **Есть свой хостинг?** → FTP + dist/
|
||
|
||
---
|
||
|
||
## 📱 Автоматические скрипты
|
||
|
||
**Linux/Mac:**
|
||
```bash
|
||
`scripts/deploy.sh` (из корня репозитория)
|
||
```
|
||
|
||
**Windows:**
|
||
```cmd
|
||
deploy.bat
|
||
```
|
||
|
||
---
|
||
|
||
## ❓ Проблемы?
|
||
|
||
1. Не работает `npm run build`?
|
||
```bash
|
||
rm -rf node_modules dist
|
||
npm install
|
||
npm run build
|
||
```
|
||
|
||
2. Белый экран после деплоя?
|
||
- Проверьте что загружены ВСЕ файлы из `dist/`
|
||
- Проверьте консоль браузера (F12)
|
||
|
||
3. 404 при переходе на страницы?
|
||
- Проверьте `.htaccess` (Apache)
|
||
- На Netlify/Cloudflare это работает автоматически
|
||
|
||
---
|
||
|
||
📖 **Полная инструкция:** `DEPLOYMENT.md` |