Этот сайт —
с открытой внутрянкой

Ровно та панель, которую я ставлю клиентам. Ниже — настоящие экраны, не макеты.

И то же самое с телефона — не «мобильная версия для просмотра», а полноценная работа: загрузить фото, ответить на заявку, снять отзыв с публикации.

• Заявки. Статусы «новая → в работе → закрыта», заметка для себя, телефон и Telegram ссылками — со смартфона звонок в одно касание.
• Отзывы. Приходят с сайта на модерацию: сами на страницу не попадают, текст можно поправить перед публикацией.
• Уведомления. Push на телефон о новой заявке и отзыве — без своего приложения в сторах.

• Дизайн живёт в файлах, правки — в базе. Панель хранит только изменённые поля и накладывает их при отдаче страницы. Пустая база — сайт выглядит ровно как в исходниках. Это значит, что правка из панели не может «увести» дизайн.
• Свой код, без конструкторов. Node.js и обычный HTML с CSS, без сборщиков и фреймворков. Страница весит килобайты, а не мегабайты, и открывается быстро на слабом телефоне.
• SEO — часть системы, а не «потом». robots и карта сайта генерируются из тех же данных, что и страницы: добавили проект — он сам появился в карте. Пока не задан боевой домен, сайт закрыт от индексации, чтобы в поиск не попал временный адрес.
• Данные не теряются. Копии контента снимаются при старте и раз в сутки, старые чистятся сами — бэкапы не должны однажды забить диск, я это уже проходил.
• Запуск. Systemd поднимает сервис и перезапускает при сбое, nginx отдаёт HTTPS, сертификат продлевается сам. Обновление — одна команда, контент при этом не трогается.

Мелочи, которые видно не сразу

Именно они отличают собранный сайт от сгенерированного. Каждая — отдельная правка, найденная на реальном устройстве, а не в макете.

• Первый экран на телефоне. Привычная вёрстка «на всю высоту» прячет нижние подписи под панелью браузера. Высота считается по реально видимой области и пересчитывается при повороте — но не дёргается, когда панель прячется при прокрутке.
• Иконки вместо символов. Стрелки и галочки нарисованы вектором: типографские знаки часть телефонов подменяет цветными эмодзи, и соседние ссылки разъезжаются по высоте.
• Крупные фоновые слова. Их размер пересчитывается после загрузки шрифта, чтобы длинное слово не вылезало за край экрана.
• Движение с уважением. Блоки появляются при прокрутке, но если в системе включено «уменьшить движение» — анимации выключаются, а работа остаётся.
• Две темы целиком. Светлая и тёмная работают и на сайте, и в панели, включая тёмный подвал, на котором кнопка «наверх» иначе сливалась бы с фоном.