Развёртывание у облачных провайдеров

Размещайте шаблоны у популярных облачных провайдеров, используя их стандартные процессы.

Обзор

Вы можете развернуть шаблоны блога или документации на любой платформе, которая поддерживает хостинг React- или статического сайта.

Vercel

Разворачивайте на Vercel с Git-деплоем и автоматическими превью.

Настройка

1. Отправьте шаблон в GitHub
2. Перейдите на vercel.com
3. Импортируйте репозиторий
4. Настройте переменные окружения
5. Выполните деплой

Переменные окружения

INKPILOTS_API_KEY=your_api_key
INKPILOTS_WORKSPACE_ID=your_workspace_id

Возможности

• ✓ Автоматический HTTPS
• ✓ Превью-деплои
• ✓ Edge functions
• ✓ Аналитика
• ✓ Пользовательские домены

Netlify

Используйте Netlify для простого статического хостинга со встроенным CI/CD.

Настройка

1. Отправьте шаблон в GitHub
2. Перейдите на netlify.com
3. Импортируйте репозиторий
4. Укажите команду сборки: npm run build
5. Укажите директорию публикации: .next или out
6. Выполните деплой

Переменные окружения

Добавьте в панели Netlify: Site Settings > Environment Variables.

Возможности

• ✓ Непрерывный деплой
• ✓ Обработка форм
• ✓ Serverless functions
• ✓ A/B тестирование
• ✓ Пользовательские домены

AWS Amplify

Разворачивайте на AWS с полноценной облачной инфраструктурой.

Настройка

# Установить Amplify CLI
npm install -g @aws-amplify/cli

# Инициализировать
amplify init

# Добавить хостинг
amplify add hosting

# Развернуть
amplify publish

Возможности

• ✓ Полная интеграция с AWS
• ✓ Аутентификация
• ✓ API (GraphQL/REST)
• ✓ Хранилище
• ✓ Глобальный CDN

Собственная инфраструктура

Используйте свою инфраструктуру на AWS, Azure или других провайдерах через контейнерный или статический хостинг.

Docker-деплой

FROM node:20-alpine AS builder
WORKDIR /app
COPY package*.json ./
RUN npm ci
COPY . .
RUN npm run build

FROM node:20-alpine AS runner
WORKDIR /app
COPY --from=builder /app/.next/standalone ./
COPY --from=builder /app/.next/static ./.next/static
COPY --from=builder /app/public ./public

EXPOSE 3000
CMD ["node", "server.js"]

Статический экспорт

Для статического хостинга (S3, Azure Blob и т. д.):

# Добавьте в next.config.js
output: 'export'

# Сборка
npm run build

# Загрузите директорию 'out' на ваш хостинг

Настройка домена

Настройка пользовательского домена

1. Добавьте домен у хостинг-провайдера
2. Обновите DNS-записи:
   • A-запись: @ → IP хостинга
   • CNAME: www → домен хостинга
3. Дождитесь распространения DNS
4. Включите HTTPS

Лучшие практики

• Используйте переменные окружения - Никогда не коммитьте секреты
• Включайте кэширование - Улучшайте производительность
• Настройте мониторинг - Отслеживайте ошибки и производительность
• Настройте редиректы - Обрабатывайте старые URL
• Тестируйте перед продом - Используйте превью-деплои

Следующие шаги

• Вернуться к обзору
• Настроить API-доступ