Кейс разработки
EHWAZ Logistic — корпоративный сайт логистической компании под ключ с CMS, контейнеризацией и передачей в собственность клиенту
О проекте
Клиентский проект: корпоративный сайт логистической компании на собственном домене Ehwazlogistic.ru. Не статичная визитка — фронт работает с CMS (управление контентом, медиа). Сайт развёрнут, выпущен SSL, передан клиенту в режиме полной собственности (sole ownership).
1. Задача
Клиенту требовался самостоятельный корпоративный сайт, которым он сможет владеть и управлять без привязки к подрядчику:
- Современный сайт с анимациями и адаптивом.
- Управление контентом — редактирование материалов через CMS, без программиста.
- Свой домен и SSL — Ehwazlogistic.ru с www и HTTPS.
- Передача в собственность — клиент должен иметь возможность развернуть копию на любом сервере.
2. Архитектура решения
Раздельные фронтенд и headless-CMS, всё упаковано в Docker и развёрнуто на выделенном VPS.
| Параметр | Значение |
|---|---|
| Frontend | React 18 + TypeScript + Vite 6 + Tailwind v4 + shadcn/ui + Framer Motion |
| CMS / Backend | Payload CMS + MongoDB 7 (контент, медиа, /admin, /api) |
| Контейнеризация | docker-compose: mongo + payload + web (nginx:alpine) |
| Хостинг | Выделенный VPS (Ubuntu, +swap), nginx + certbot (Let's Encrypt) |
| Домен | Ehwazlogistic.ru (+ www) |
3. Главная инженерная сложность
Особенность проекта — не разработка, а «отчуждаемость»: клиент должен получить полностью самодостаточную копию, не зависящую от наших аккаунтов GitHub и Docker Hub.
- Деплой приватного репозитория — заливка кодом через tarball на VPS вместо clone (приватный доступ).
- Handover-архив — самодостаточный пакет:
docker saveобраза CMS +mongodumpбазы + исходники + compose-файлы + инструкция RESTORE.md. - Из этого архива идентичная копия сайта поднимается на любом сервере без доступа к нашей инфраструктуре.
Результат
Сайт развёрнут и работает (https + /admin отдают 200, DNS переключены, SSL выпущен) и передан клиенту в полную собственность. Handover-копия снимает зависимость от GitHub-аккаунта и от доступности исходного сервера.
4. Эффект для клиента
- Готовый рабочий сайт на своём домене с SSL.
- Самостоятельное управление контентом через CMS.
- Полная независимость — копию можно развернуть где угодно, без подрядчика.
5. Технологический стек — кратко
| Параметр | Значение |
|---|---|
| Frontend | React 18 + Vite 6 + Tailwind v4 + Framer Motion |
| CMS / БД | Payload CMS + MongoDB 7 |
| Контейнеризация | Docker Compose, nginx:alpine |
| Хостинг | VPS, nginx + certbot |
| Передача | Handover-архив (docker save + mongodump + RESTORE.md) |
Клиентский кейс. Описывается инженерное решение и организация передачи проекта; коммерческие данные клиента не публикуются.