06 / Ownership

Статический сайт без CMS

HTML, CSS и JavaScript без обязательной панели, подписок и лишних зависимостей. Код, домен и инфраструктура остаются у клиента.

Без CMS / без лишнего
Без CMS / без лишнего
01

Static — это способ доставки, а не запрет функций

Для большинства презентационных, корпоративных и контентных сайтов тяжёлая CMS не обязательна. Страницы можно создать напрямую на HTML, CSS и JavaScript. Такой сайт быстро загружается, не зависит от подписки конструктора и остаётся у клиента вместе с исходным кодом. После запуска базовые расходы обычно ограничиваются доменом и хостингом.

CTA: Обсудить статический сайт

Interactive / infrastructure

Оставить только нужное

Переключите архитектуру и сравните число зависимостей.
HTMLконтент и семантика
CSSсетка и визуальный язык
JavaScriptнужные интерактивы
Зависимости
3
Обновления ядра
0
Контроль кода
100%
Статический frontend на разных экранах
HTML, CSS и JavaScript остаются лёгкими, переносимыми и управляемыми.
02

Что такое статический сайт

Это сайт, страницы которого заранее подготовлены и сразу передаются браузеру. Для их показа не требуется каждый раз собирать страницу через CMS и базу данных. Пользователь видит обычный современный интерфейс с адаптивной вёрсткой, анимациями, формами и интеграциями. Слово «статический» описывает архитектуру доставки контента, а не отсутствие функциональности.

03

Почему я не использую CMS по умолчанию

WordPress, Tilda и Bitrix решают определённые задачи, но часто добавляют лишний слой: подписку, административную панель, базу данных, плагины и регулярные обновления. Если клиент не планирует ежедневно редактировать сотни материалов через команду контент-менеджеров, этот слой может быть не нужен. Я выбираю технологию под задачу, а не платформу по привычке.

04

Скорость, безопасность и контроль

В статическом проекте меньше зависимостей и меньше кода, который загружается без пользы для пользователя. Отсутствует публичная административная панель и типовой набор плагинов, что уменьшает поверхность атаки. Это не делает сайт неуязвимым, поэтому всё равно используются HTTPS, Content Security Policy, резервные копии и безопасная работа с формами. Исходники хранятся в Git и могут быть перенесены на другой сервер.

05

Интеграции без CMS

Формы, Telegram, email, CRM, карты, аналитика, онлайн-оплата и каталоги подключаются через API и специализированные сервисы. Для секретных операций используется защищённая serverless-функция или backend провайдера. Поэтому статический frontend можно сочетать с современной функциональностью без собственной тяжёлой административной системы.

06

Стоимость владения

Для небольшого проекта домен и базовый хостинг могут стоить примерно $50 в год. Точная сумма зависит от доменной зоны, трафика, выбранного сервера и внешних сервисов. Большой каталог, платные API, корпоративная почта и высоконагруженная инфраструктура рассчитываются отдельно. Постоянный IT-специалист для поддержания работы опубликованного сайта обычно не нужен. Разработчик подключается, когда требуется изменить структуру или добавить функцию.

07

Вопросы и ответы

Смогу ли я самостоятельно менять текст?

Небольшие правки можно вносить в исходные файлы. Для частого самостоятельного редактирования можно подключить headless CMS или простой управляемый источник данных.

Можно ли сделать блог?

Да. Статьи могут храниться в Markdown или структурированных данных и автоматически превращаться в HTML-страницы.

Можно ли подключить оплату?

Да. Платёжный интерфейс подключается через провайдера, а секретные операции обрабатываются вне открытого frontend-кода.

Кому не подходит статический сайт?

Сложному SaaS, социальной сети, большому личному кабинету или проекту с постоянной серверной логикой может потребоваться полноценный backend.

Дмитрий Лаврушин — автор и разработчик проекта
Дмитрий Лаврушин / product · sales · web systems

Personal approach / 01

Оставляю в проекте только оправданные технологии

Static не означает примитивный сайт. Формы, API, анимация и аналитика остаются, но обязательная CMS и её обслуживание не добавляются без причины.
  • 01стоимость владения
  • 02переносимость кода
  • 03нужные интеграции

Selected work / видео и сайты

Примеры можно не только прочитать, но и открыть

Запись экрана показывает логику и движение интерфейса. Рядом — подробный кейс или действующий сайт.
01 / project

ANDO Artist Series

Продуктовая серия, где история художника, упаковка и e-commerce работают вместе.