refactor: chaange figma structure with single package
This commit is contained in:
124
scripts/docs/DEPLOY-QUICK.md
Normal file
124
scripts/docs/DEPLOY-QUICK.md
Normal file
@@ -0,0 +1,124 @@
|
||||
# 🚀 Быстрая шпаргалка по деплою
|
||||
|
||||
## ⚠️ ВАЖНО: Сначала проверьте сборку!
|
||||
|
||||
**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`
|
||||
Reference in New Issue
Block a user