Сайты под ключ: от дизайна до собственной инфраструктуры
Когда говорят «сделай сайт», обычно имеют в виду страницу. Я делаю всю рабочую систему: дизайн, сам сайт, интеграции (боты, мини-приложения) и инфраструктуру, которая держит его на плаву — деплой, мониторинг, резервное копирование, безопасность. Для заказчика это значит одного ответственного человека от идеи до живого, наблюдаемого сайта — без зоопарка из пяти фрилансеров, которые кивают друг на друга.
Ниже — что стоит за словами «под ключ» и как это устроено внутри. Просто на словах для тех, кому важен результат, и с деталями для тех, кто смотрит на стек.
Что значит «под ключ»
Полный цикл в одних руках: дизайн → вёрстка → CMS → интеграции → деплой → мониторинг и резерв → поддержка. Вы получаете не файлы, а работающий сайт на сервере, с доменом, сертификатом и инструкцией, как им управлять.
Сайт, который выглядит и работает как надо
Для вас: аккуратно и быстро — и на телефоне, и на десктопе.
Под капотом: семантическая вёрстка на HTML/CSS/JavaScript, кастомная тема WordPress (а не шаблон с маркета), ленивая загрузка картинок, минимум лишнего кода. Плавная прокрутка к разделам, модальные окна, галереи, подсветка кода в технических блоках — всё на чистом фронтенде, без тяжёлых библиотек.
Контентом управляете сами
Для вас: правки без программиста.
Под капотом: WordPress как система управления, кастомные блоки и секции, удобная медиатека. Захотели — сами добавили статью, проект или скриншоты.
Интеграции и автоматизация
Для вас: сайт не «визитка», а инструмент — заявки, уведомления, чат-боты.
Под капотом: Telegram-боты на Python (aiogram) с инлайн-меню, диплинками и отправкой документов прямо в чат; Telegram Mini Apps — мини-приложения внутри мессенджера на WebApp SDK; формы и уведомления. Бот держит надёжное соединение с Telegram через отдельный прокси-слой, поэтому работает стабильно даже там, где прямое подключение капризничает.
Живые данные и мониторинг
Для вас: на сайте видно, что сервисы живы — это видите и вы, и посетитель.
Под капотом: страница статуса, которая каждые несколько секунд подтягивает JSON с показателями — доступность узлов, аптайм, состояние репликации — и обновляет индикаторы на лету, без перезагрузки страницы.
Надёжная инфраструктура
Для вас: сайт не падает, а если что-то случилось — быстро поднимается.
Под капотом: nginx + PHP, сервисы под systemd с автоперезапуском, TLS-сертификаты с автопродлением. Главное — отказоустойчивость: боевой сервер в облаке и резервная копия в домашней лаборатории, которая непрерывно подтягивает файлы (rsync) и базу данных. Ляжет облако — есть актуальный дубль, готовый принять нагрузку.
Безопасность по умолчанию
Для вас: данные и доступы под защитой.
Под капотом: HTTPS, принцип наименьших привилегий, секреты только на сервере с правильными правами, дисциплина смены ключей и паролей, аккуратная работа с доступами по SSH и приватная сеть между узлами на WireGuard.
Как идёт работа
- Разбираемся в задаче — что нужно, кому и какой результат считаем успехом.
- Структура и прототип — согласуем, как будет выглядеть и работать.
- Сборка — дизайн, вёрстка, наполнение через CMS.
- Интеграции — бот, мини-приложение, формы, уведомления.
- Деплой — поднимаю на сервере, подключаю домен и сертификат.
- Передача — документация: как менять контент и ключи.
- Поддержка — мониторинг, резерв, доработки.
Стек, если коротко
- Фронтенд: HTML, CSS, JavaScript, адаптивная вёрстка
- CMS: WordPress (кастомные темы и блоки)
- Бэкенд и боты: Python, aiogram, Telegram WebApp (Mini Apps)
- Сервер: Linux (Ubuntu), nginx, PHP, MySQL, systemd
- Инфраструктура: WireGuard, репликация и бэкап базы, мониторинг, Let’s Encrypt (TLS)
Нужен такой сайт?
Если хотите сайт, который не только красиво выглядит, но и работает как система — с интеграциями, мониторингом и резервом, — напишите.
- Telegram: @johngorn0
- Бот-портфолио: @johngorn_bot
- Почта: johngorn@yandex.ru
Свежий пример: интернет-магазин под ключ — johngorn.online
Самый показательный пример «под ключ» из недавнего — интернет-магазин видеонаблюдения johngorn.online. Сделан с нуля: от каталога и дизайна до приёма оплаты и публикации на собственном сервере.
- Стек: Medusa v2 (headless) + Next.js, PostgreSQL, MeiliSearch, Node.js
- Каталог 200+ товаров, 66 категорий, фасетные фильтры по характеристикам
- Конструктор «Подбор системы» и готовые комплекты под объект
- Оплата ЮKassa с фискализацией 54-ФЗ, доставка СДЭК/Boxberry/Почта
- Заявки в Telegram и e-mail, админ-панель
- Деплой на свой Proxmox-сервер, публикация через Cloudflare Tunnel + WireGuard без открытых портов
Тот же принцип, что и всегда: один ответственный от кода до живого, наблюдаемого продакшена. Посмотреть вживую — johngorn.online.