Что такое статический сайт и почему его проще всего опубликовать

Представьте брошюру и банкомат. Брошюру напечатали один раз, и каждый, кто её взял, читает один и тот же текст. Банкомат каждый раз показывает своё: ваш баланс, вашу выписку.

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

Лендинг, портфолио, визитка, страница мероприятия, презентация продукта почти всегда статические.

Бэкенд (серверная часть) состоит из программы на сервере и базы данных. Он нужен, когда сайт должен помнить что-то между визитами: кто вы, что лежит у вас в корзине, какие сообщения вам пришли.

• Где собирается страница. У статики заранее, у динамического сайта на сервере при каждом визите.
• Что нужно для запуска. Статике хватает места, откуда раздаются файлы. Динамике нужен сервер с языком программирования, база и кто-то, кто всё это обслуживает.
• Что может сломаться. У статики почти нечему. У динамики база, обновления, версии, нагрузка.
• Можно ли унести. Статику переносят архивом за минуту. Переезд сайта с базой и серверной логикой превращается в отдельный проект.

Нет, и это самая частая путаница. «Статический» говорит о сервере, а не о том, что видит посетитель. Анимации, слайдеры, вкладки, калькулятор стоимости, даже целое приложение на React работают в браузере посетителя. Серверу при этом делать нечего.

Статический сайт может обращаться и к внешним сервисам: показывать Яндекс Карты, встроенное видео, виджет онлайн-записи. Собственный сервер для этого не нужен.

Попросите ChatGPT или Claude сделать лендинг, и получите index.html. Не случайно: это самый переносимый формат из существующих. Файл открывается двойным щелчком на любом компьютере, без установки сервера и базы. Модели выгоднее выдать то, что заработает у вас сразу.

Cursor, v0, Bolt и Lovable часто собирают проект на React или Vite. Выглядит он сложнее: package.json, папка src, сотни зависимостей. Но после сборки (команда npm run build) всё это превращается в ту же статику в папке dist или build. Публиковать нужно именно её, исходники браузер не поймёт.

Исключение: проект, который использует серверные функции (Next.js с серверным рендерингом, API-роуты, запросы с секретными ключами). Это уже не чистая статика. Проверить свой проект помогает чек-лист перед публикацией.

Если ваш сайт статический, вам повезло больше, чем кажется.

• Проще опубликовать. Нужен не сервер, а ссылка. Минуты вместо вечера.
• Быстрее открывается. Готовые файлы отдаются сразу, серверу не надо ничего собирать под каждого посетителя.
• Безопаснее. Нет базы, которую можно украсть, и админки, пароль к которой можно подобрать. Взламывать почти нечего.
• Дешевле. Раздавать файлы проще, чем держать работающий сервер, поэтому для статики есть бесплатные варианты.
• Переносится. Архив с файлами можно забрать и выложить где угодно, без привязки к платформе.

На этом построен и HIXO: сервис принимает только статические файлы и не запускает чужой код на сервере. Это ограничение, но оно же делает публикацию безопасной для всех, чьи сайты работают рядом.

Честный список:

• регистрация и личные кабинеты;
• хранение данных пользователей между визитами;
• интернет-магазин, который сам ведёт корзину и остатки;
• приём формы заявки: сама страница не знает, куда её отправить.

Часть этого закрывается без собственного сервера. Оплату принимают кнопкой-ссылкой на платёжную страницу ЮKassa, Продамуса или Робокассы. Заявки с формы принимает сервис, где опубликован сайт: в HIXO обычная HTML-форма работает на любом тарифе, заявки сохраняются в кабинете и приходят в Telegram. А вот личный кабинет без бэкенда не сделать, тут нужен хостинг или свой сервер.

Три пути, от сложного к простому:

1. Хостинг или свой сервер. Работает, но для статики избыточно: FTP, сертификаты, настройка. Почему, разобрано в статье про бесплатный хостинг.
2. GitHub Pages и аналоги. Бесплатно, если вы дружите с Git.
3. Сервис публикации. Загрузили архив, получили ссылку. На HIXO соберите ZIP с index.html в корне, перетащите на главную, проверьте превью и опубликуйте. Сайт откроется по адресу вида my-site.hixo.dev с HTTPS. Один сайт на бесплатном тарифе, без карты.

Пошагово для конкретных инструментов: сайт из ChatGPT, из Cursor, из v0.