На чём лучше сделать сайт

На чём лучше сделать сайт

Вопросы на тему «На чём сейчас делают сайты» возникают с завидной регулярностью. И возникают они не только у веб-мастеров или у потенциальных/состоявшихся владельцев онлайн-бизнеса, но и у разработчиков. Дело в том, что web-технологии развиваются весьма стремительно. И то, что было актуально в 2000-х годах, в 2010-х и т.д., уже давно никому не интересно. Даже технологии прошлого года могут быстро терять свою аудиторию. Каждый день появляются новые фреймворки, кто-то берёт на вооружение новые концепции и т.д. Устаревание web-стандартов – закономерное и даже системное явление.

Всегда существуют некие мейнстримы в отрасли. Их использует большинство, так зачем переходить на инструменты, которые никому не нужны? Некоторые столпы остаются надолго в индустрии, какие-то быстро забываются и т.д.

Ниже обозначим самые стабильные и некоторые новые (и очень популярные) направления в сфере создания сайтов на текущий момент. Сначала по категориям:

  1. Онлайн-конструкторы. Облачные платформы, которые позволяют делать свои сайты абсолютно без навыков или с минимальными знаниями web-стандартов; хостинг и другие технические вопросы обслуживает владелец конструктора.
  2. CMS-системы. Системы управления контентом или «движки» сайта, требуют установки на свой сервер, снижают порог входа, но всё равно требуют погружения в техническую часть. Много технических вопросов находится в сфере ответственности владельца сайта.
  3. Фреймворки. Конструкторы для программистов, очень гибкие в применении, подходят даже для сложных и нетиповых проектов, но подразумевают полное техническое погружение и хорошие знания в предметной области: программирование, дизайн, вызов функций фреймворка и т.д. Плюс, нужно настроить и обслуживать свою инфраструктуру хостинга.
  4. Headless CMS, микросервисы и web-приложения (PWA, SPA, SOA и т.д.). Это нечто среднее между self-hosted-сайтами и полноценными приложениями, обычно используют альтернативную архитектуру без привычного «монолита» и своего хостинга.

«А где же самописные движки?», — можете спросить вы. Дело в том, что в современных реалиях написание и поддержание своего «велосипеда» могут потянуть только крупные игроки. Для большинства проектов, даже нетиповых, уже есть готовые решения (те же фреймворки), поэтому писать всё заново бессмысленно и крайне дорого.

А теперь о каждой категории подробнее.

Лучшие онлайн-конструкторы сайтов

Конструкторов сайтов сейчас очень много, у каждого есть свои достоинства и недостатки. Но во многом они похожи. Самые популярные представители в отрасли описаны ниже. На их примерах обозначим основные возможности.

Wix – универсальный онлайн-конструктор мирового уровня

Wix

Wix — это онлайн-платформа с одним из самых комплексных предложений для создания сайтов без навыков программирования. При этом у Wix есть специальные инструменты и для профессионалов. Сервис запущен в 2006 году, за время своего существования оброс огромным количеством дополнительного функционала, переведён на множество разных языков (в том числе на русский), показывает стабильный рост из года в год. Это определённо локомотив отрасли.

Плюсы

  • Полностью бесплатный тариф, на котором можно изучить все технические возможности конструктора и смежных сервисов.
  • Удобный и интуитивно-понятный блочный редактор страниц (с Drag&Drop-интерфейсом).
  • Свой конструктор логотипов, модули интернет-магазина, CRM-система, система email-рассылок и другие сервисы для маркетинга.
  • Специализированные решения для узких отраслей: готовые форумы, блоги, модули для организации гостиничного бизнеса, своих ресторанов, магазинов для продажи цифрового контента, продуктов/услуг по подпискам и т.д.
  • Огромное количество готовых шаблонов и генеративный дизайн (на основе искусственного интеллекта – Wix ADI).
  • Интеграции с внешними сервисами (в том числе с платёжными системами).
  • Специальные решения для профессиональных дизайнеров и web-программистов (облачная IDE Velo).

Минусы

  • Сложная тарифная линейка с градацией по пропускной способности, месту на диске и доступному функционалу.
  • Многие дополнения из каталога требуют отдельной подписки, и общая сумма может быть достаточно большой.
  • Набор интеграций с популярными российскими сервисами не очень большой. Но он регулярно расширяется.
  • Чем больше функций и дополнений вы активируете, тем сложнее пользоваться интерфейсом редактора.

Стоимость

Бесплатный тариф определённо не подойдёт для коммерческих сайтов и качественных хобби-проектов. Просто сайт без рекламы и со своим доменом будет стоить от 200 руб./месяц (тарифный план «Безлимитный»). Если вам нужен приём оплаты и коммерческие функции – уже от 350 руб./месяц. Все шаблоны, SSL-сертификаты, хостинг и многие дополнения в каталоге – бесплатные. Из дополнительных расходов стоит заложить только свой домен и подписки на важные коммерческие приложения (например, на CRM систему Wix Ascend).

uKit – лучший конструктор для бизнес-сайтов

Конструктор сайтов uKit

uKit – это серьёзный российский проект, обслуживается выходцами из команды разработчиков uCoz. На текущий момент конструктор может использоваться как вполне самостоятельное решение. Он намного проще и одновременно удобнее конструктора uCoz, не использует модель Freemium и не показывает никакой рекламы. По функционалу идеален для представителей малого бизнеса: здесь можно в пару кликов запустить лендинги, визитки, небольшие интернет-магазины, каталоги, портфолио и аналогичные сайты для рекламирования своих услуг и товаров.

Плюсы

  • Очень простой и понятный интерфейс. Ничего лишнего.
  • Встроенные инструменты для продвижения и закупки рекламы.
  • Масса готовых тематических шаблонов. Они имеют осмысленное наполнение для быстрого старта.
  • Возможна интеграция с самыми востребованными внешними сервисами: CRM, рассылки, онлайн-чаты, конструктор сложных форм и калькуляторов uCalc, системы аналитики и т.п.
  • Подробная документация на русском и оперативная техподдержка в чате.
  • Бесплатные SSL-сертификаты и SMS-уведомления о важных событиях на сайте.
  • Безлимитный хостинг (нет ограничений ни по трафику, ни по нагрузке или занимаемому месту на диске).

Минусы

  • Ограниченная свобода в плане кастомизации дизайна (нет свободных секций или гибкого управления шрифтами и т.п.).
  • Перечень интеграций невелик. Пока охвачены только наиболее популярные внешние сервисы.
  • Слабо реализован генеративный дизайн (возможно создание сайта только на основе страниц ВКонтакте или Facebook).
  • Нет бесплатного тарифа.

Стоимость

Тестовый период, в течение которого вы можете изучить все возможности платформы без каких-либо обязательств – 14 дней. Платные тарифы – от 2,5 USD/месяц. Тарифы с отключаемым копирайтом в подвале– от 5 USD/месяц. Доступ к модулю магазина – от 6 USD/месяц. Возможность вставки своего HTML-кода – от 7,5 USD/месяц. Все шаблоны, безлимитный хостинг, SMS-уведомления и SSL-сертификаты – бесплатно. Потратиться придётся только на свой домен.

Плюсы и минусы онлайн-конструкторов для создания сайтов

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

Плюсы:
Минусы:
У пользователя минимум забот: работа и настройка хостинга, привязка доменов, оптимизация балансировки нагрузки и т.п. – всё это решается провайдером услуги.
Визуальные редакторы в большинстве своём легко осваиваются без профильных навыков. Есть готовые блоки/секции/элементы или даже комплексные шаблоны.
Многие популярные функции уже реализованы в системе, их нужно только включить или правильно настроить (CRM, рассылки, чаты, приём оплаты и т.п.).
Даже если чего-то нет, есть интеграции или API.
Не нужно переживать за адаптивность дизайна. Все лидеры отрасли уже реализовали автоматическую поддержку мобильных устройств.
У некоторых игроков рынка есть действительно крутые опции, такие как готовые мобильные приложения, поддержка PWA, специальные меню для мобильных, интеграция с CDN и т.д.
Реализация сайта занимает минимум времени (в первую очередь благодаря готовым дизайнам и набору типовых секций страниц).
Все расходы – операционные (важно в первую очередь для бизнеса и тех, кто вкладывается в содержание проекта). Не нужно платить целому штату программистов, достаточно при необходимости привлекать фрилансеров, разово или периодически.
Вы сильно привязываетесь к инфраструктуре провайдера услуги (хостинг по факту общий и при нагрузках может «падать», хотя это очень большая редкость).
Сменить сервер в SaaS-платформе не получится, как и быстро перенести данные.
Код системы закрыт и предоставляется «как есть». Вы либо принимаете это, либо идёте искать другое решение для создания сайта.
Детальный расчёт в длительной перспективе покажет, что вы переплачиваете за готовую инфраструктуру (но всё зависит от типа проекта и срока его существования, в краткосрочной перспективе преимуществ перед своим хостингом нет).

Эффективность использования конструкторов сайтов

Нужно отчётливо понимать, какой тип проекта вы собираетесь запустить, и сколько это будет стоить в сравнении с альтернативными реализациями (на CMS со своим хостингом или на фреймворке с привлечением агентства разработчиков).

Многие типы малостраничных сайтов проще и выгоднее содержать именно в облачных конструкторах. Они требуют минимальных вложений на старте, так как можно обойтись без дизайнеров и верстальщиков, а дальнейшее сопровождение в рамках платформы будет требовать аналогичных затрат в сравнении со своим хостингом. Но при этом свой хостинг ещё нужно настроить и обслуживать. А в облаке таких проблем нет. Те же фрилансеры могут сверстать проект сразу в визуальном конструкторе, тогда вам не придётся тратиться на программистов для натяжки шаблона на CMS или на самописный движок. Вы просто будете оплачивать подписку сервиса, а все фоновые процессы с обновлениями, поиском и закрытием уязвимостей и т.п., будут в сфере ответственности провайдера услуги.

Лучшие CMS-системы для создания сайтов

CMS (системы управления контентом) – это уже готовый движок сайта, который в большинстве случаев легко настраивается и расширяется. Бывают системы с закрытым и открытым кодом, бесплатные и платные, и т.д. Некоторые движки создаются под определённый круг задач, например, только для интернет-магазинов, а какие-то помогут закрыть практически любой функционал (универсальные CMS). Одни ориентируются на профессиональных программистов, вторые – на начинающих пользователей, третьи написаны на популярном языке PHP, а какие-то требуют сложных серверных конфигураций. Выбор движков для сайтов огромен. Есть даже поговорка, что каждый web-программист должен написать свою CMS… Вот только не все они приобретают популярность.

У каждой системы свои преимущества и недостатки, свои технические возможности. Ниже приведём примеры самых популярных CMS в РФ.

WordPress – лучшая универсальная CMS с открытым кодом

WordPress

WordPress — это изначально чисто блоговый движок, на котором было удобно запускать функциональные информационные проекты. Но за время своего существования WordPress оброс невероятным количеством плагинов и готовых тем. Здесь даже есть расширения, реализующие функционал онлайн-конструкторов страниц. Не имея никакого опыта в вёрстке, в них можно создавать сложные web-интерфейсы или комплексные темы для движка. Некоторые расширения настолько популярны, что имеют своё собственное сообщество и инфраструктуру расширений/тем (хороший пример – WooCommerce, бесплатный плагин для реализации интернет-магазинов).

Плюсы

  • Полностью бесплатный движок с открытым кодом. Вы можете использовать его для любых целей.
  • Десятки тысяч расширений и готовых шаблонов только в официальном каталоге. А ещё существуют крупные альтернативные площадки.
  • Не нужно быть программистом или дизайнером, чтобы запустить свой сайт. Всё гибко настраивается в админ-панели без правки кода.
  • Сложившееся сообщество, в том числе русскоговорящее. Качественная документация для разработчиков (Кодекс WordPress).
  • Универсальный движок, который легко адаптировать под любые типовые задачи.
  • CMS совместима практически с любым видом хостинга. На многих хостинг-панелях установка осуществляется в пару кликов.

Минусы

  • Создаёт большую нагрузку на север, требователен к ресурсам.
  • Стабильно в лидерах по обнаруженным уязвимостям.
  • Сложно оптимизируется (только за счёт сторонних плагинов или с использованием специальных серверных решений).
  • Без своего хостинга не работает, а любой хостинг для динамических сайтов – это отдельная категория расходов.
  • Многие качественные темы и дополнения распространяются платно.
  • Для обслуживания требуется более высокий уровень технической подготовки в сравнении с облачными конструкторами.

Стоимость

Многие web-мастера полагают, что бесплатность CMS – это залог низких расходов на сайт. Но при детальном расчёте получается, что уровень вложений очень близок к ценам на подписку облачных конструкторов. Простой пример: разработчики WordPress рекомендуют хостинг Bluehost. Его тарифы стартуют от 2,95 USD/месяц. Если сюда добавить покупку премиум-темы (около 60 USD) и подписку на какой-нибудь продвинутый редактор, типа Elementor (49 USD/год), то выйдет уже более 110 USD. Это только за первый год без учёта домена и других сопутствующих услуг, типа CDN и т.п. Чем больше посещаемость сайта, тем выше нагрузка на сервер. А значит, выше тариф хостинга. Верхнего предела просто не существует.

«1С-Битрикс» – самый популярный движок для малого и среднего бизнеса в РФ

1С-Битрикс

«1С-Битрикс Управление сайтом» — это коммерческая CMS-система. Может работать на сервере заказчика (клиента) или в готовой облачной инфраструктуре (вариант в комплекте с CRM-системой «Битрикс24»). В первом случае вы покупаете движок, а затем по необходимости оплачиваете возможность его обновления (раз в год). Во втором случае вы арендуете готовую конфигурацию.

Плюсы

  • Технические возможности «1С-Битрикс» огромны. Они покрывают любые типовые варианты внедрения, вплоть до создания комплексного интранет-портала со своей социальной сетью и переговорными комнатами.
  • Есть готовые конфигурации для наиболее популярных задач: интернет-магазины, блоги, учебные заведения, медицинские учреждения и т.п.
  • Масштабный каталог расширений.
  • Программное обеспечение сертифицировано.
  • Практически в каждом регионе есть квалифицированные партнёры для внедрения продуктов.
  • Есть своё мобильное приложение.
  • Бесшовная интеграция с другими продуктами для бизнеса от «1C» (в том числе CRM, программы товарного учёта и многое другое).
  • Встроенный конструктор лендингов (модуль «Сайты24»).
  • Движок совместим с популярными общими хостингами.

Минусы

  • Инфраструктура настолько сложная, что для внедрения нужно привлекать профильных специалистов. Бесплатно они не работают.
  • Шаблоны очень сложно устроены (особенно совместимые с технологией Композит), поэтому бесплатных вариантов мало, а индивидуальная разработка обходится очень дорого.
  • Классические тарифы shared-хостинга не справляются с нагрузкой, нужны или специальные тарифы, или увеличенные ресурсы.
  • Помимо CMS, может потребоваться дополнительное ПО для бизнеса.
  • Лицензии действуют всего один год.
  • Цены на комплексные конфигурации весьма внушительные.
  • Не все готовые шаблоны адаптивные (потребуется дополнительный интерфейс для мобильных).

Стоимость

Тестовый период для чистого движка – около 30 дней. Если вы заказываете готовый сайт (из маркета), то тестирование может быть короче (около 7 дней). Минимальная лицензия (только с базовым функционалом) – от 5400 руб. Решения для малого бизнеса (с интернет-магазином) – от 35900 руб. Энтерпрайз-сборки – от 1,5 млн. руб. Коробочные лицензии для комплекта «1С-Битрикс24: Интернет-Магазин+CRM» – от 99 тыс. руб. Но нужно понимать, что помимо лицензий на ПО вам потребуется ещё и аренда хостинга. На примере одного из рекомендуемых хостингов, AdminVPS – от 319 руб./месяц. Готовые облачные подписки – от 990 до 11990 руб./месяц.

Плюсы и минусы CMS-систем для создания сайтов

С одной стороны, вы полностью контролируете свой сайт: его базу данных, загружаемое содержимое и т.п. Но без профильных технических знаний правильно настроить движок и хостинг будет сложно. И это не единственная проблема self-hosted CMS.

Плюсы:
Минусы:
Все базовые функции уже реализованы, поэтому публикация контента и создание новых материала занимает минимум времени.
Не нужно каждый раз собирать страницу заново, как в онлайн-конструкторах (хотя при желании такие функции тоже можно добавить).
Можно подобрать движок, который будет устраивать по всем или по большинству технических параметров.
Данные находятся под вашим контролем.
Хостинг в любой момент можно нарастить или сменить, подобрать более удобную или выгодную конфигурацию.
Штатный функционал движка часто расширяется за счёт плагинов (дополнений).
Для популярных движков всегда в достатке готовые темы и шаблоны.
Помощь можно получить в сообществе.
Всегда можно нанять профильного специалиста.
Разработчики забрасывают некоторые CMS, поэтому обнаруженные уязвимости править некому (потенциальная дыра в безопасности).
Движок требует тонкой настройки и хотя бы минимальных профильных знаний, чтобы снизить нагрузку на хостинг и платить за него меньше.
Даже бесплатные движки совсем не бесплатны в сопровождении (как минимум, нужен хостинг, а часто ещё присоединяется покупка шаблонов, плагинов и услуги разработчиков).
Чем выше посещаемость, тем дороже будет обходиться хостинг (но при этом вы никак не ограничиваетесь по лимитам).
Для специфических функций может потребоваться заказ разработки индивидуального модуля/расширения.
Отклонение от штатных функций, заложенных в движке, часто сопряжено с большим объёмом переделок (в сравнении с фреймворками).

Эффективность использования CMS-систем

Как видно из приведённых преимуществ и недостатков, CMS-системы занимают золотую середину. С одной стороны, запуск сайта возможен быстро, с минимальными расходами и объёмом переделок. Вы можете расти без ограничений и масштабировать свой бизнес. Есть готовые темы, плагины и т.д. Но если движок забросят разработчики, если вам понадобится существенная переделка, то CMS-система будет только в тягость. Где-то потребуется переделка логики ядра, и тогда вы уже не сможете просто обновляться на новый релиз. Где-то логика устареет, а поправить её будет некому. И т.д.

Лучшие фреймворки для создания сайтов

Фреймворк – это готовый набор функций (как своего рода каркас), который можно использовать для быстрого построения более сложной и связной программной среды. Простой пример – вам нужно сделать сложный web-портал с нетиповыми функциями, которых нет ни в одной CMS-системе. Можно написать все алгоритмы с нуля, это займёт невероятно много времени, а можно взять популярный фреймворк и просто адаптировать имеющиеся функции и связать их с интерфейсом (или интерфейсами, если их много).

Это как конструктор, но только для программистов, потому что вся работа выполняется только с исходным кодом.

Наиболее популярные PHP-фреймворки на текущий момент (подходят для создания классических монолитных серверных web-приложений):

  • Drupal. Это CMF (Content Management Framework), то есть система с готовыми типовыми конфигурациями (например, для запуска блогов, магазинов, форумов и т.д.), которые при желании можно перенастроить. Плюс, тут уже есть готовая админ-панель. «Каркас» легко дополняется уже написанными функциями практически для любых задач (они содержатся в модулях/плагинах). Есть и готовые темы, которые нужно только настроить под свои типы материалов. Многие задачи реализуются в графическом интерфейсе админ-панели. Всё это можно сделать без программирования.
  • Читайте также: подробный обзор CMS Drupal.

  • Laravel. Первый релиз выпущен в 2011 году, а в 2015 году он приобрёл невероятную популярность. На текущий момент Laravel – это уже не совсем фреймворк, а только часть более комплексной инфраструктуры инструментов для построения web-приложений любой сложности, в том числе и с serverless-технологиями. «Под капотом» есть всё, что нужно для разработки корпоративного уровня: масса готовых админ-панелей, REST-контроллеры, UNIT-тесты, готовый шаблонизатор, установка дополнительных пакетов/модулей через Composer и т.д.
  • Symfony. Самый именитый фреймворк, используется как основа для построения многих CMS и CMF-систем. Например, с его применением написаны Drupal, Joomla, Magento, PrestaShop и многие другие движки. А ещё у Symfony есть своя CMF-система (Symfony CMF) и облачный сервис для организации Full-stack-среды разработки. Фреймворк активно развивается, имеет огромное сообщество и много материалов для обучения, расширяется с помощью модулей, имеет встроенную систему тестирования и т.д. Один нюанс – это инструмент исключительно для профессионалов. Новичкам его освоить очень тяжело.
  • Yii. Название – это сокращение от слов «Yes, it is», русск. «Да, это» (подразумевается посыл «Легко/просто»). Этот фреймворк легче всего осваивается новичками, совместим с несколькими шаблонизаторами, оснащён встроенной системой кэширования, автотестированием кода, системой валидации форм, системой авторизации и т.д. Расширения загружаются из специального хранилища пользовательских компонентов. Особо стоит отметить наличие качественной документации на разных языках, в том числе на русском.

Мы рассмотрели исключительно PHP-фреймворки (существуют еще фреймворки на Java, Python, Go, .NET, NodeJS, Ruby и т.д.), так как они наиболее перспективны и доступны для малого и среднего бизнеса. PHP-разработчиков больше по отношению к специалистам, работающим с другими языками web-программирования, а значит, их услуги будут обходиться дешевле.

Плюсы и минусы фреймворков для создания сайтов

У фреймворков своя сфера применения. И они совсем не рассчитаны на новичков. Фреймворки значительно ускоряют разработку сложных и нетиповых проектов, минимизируют ошибки и обеспечивают готовые unit-тесты. Есть у них и другие достоинства.

Плюсы:
Минусы:
Фреймворки обеспечивают комплексную кодовую базу для проектов любого типа.
Многие концепции уже выверены специалистами и проверены на практике. Не нужно изобретать свой «велосипед».
Они заведомо безопаснее, поэтому подходят даже для крупных или высоконагруженных проектов.
Фреймворки более гибкие в применении по сравнению с CMS или CMF-системами.
Проекты, основанные на фреймворках, проще обслуживать и сопровождать небольшой командой разработчиков (минимизация расходов и времени на запуск/отладку и другие процессы).
Популярные фреймворки регулярно обновляют кодовую базу и закрывают уязвимости. Соответственно, огромный пласт работ по обеспечению работоспособности бэкенда фактически реализуется совершенно бесплатно. Вам нужно только обновить фреймворк до актуальной версии. В 99% случаев основной код сайта переписывать не нужно.
Время запуска готового сайта гораздо больше в сравнении с CMS или онлайн-конструкторами.
Нужны профильные знания и труд квалифицированных программистов (некоторые фреймворки даже используют систему сертификации, которая подтверждает, что разработчик знает выбранный фреймворк в совершенстве).
Бюджеты на создание проекта с помощью фреймворков значительно выше расходов на покупку готовых шаблонов и плагинов для CMS-систем.
У каждого фреймворка своя кодовая база и особенности (нужно ещё правильно подобрать сам фреймворк, и только потом уже – квалифицированных программистов).

Эффективность использования фреймворков

Популярные фреймворки существенно потеснили на рынке web-разработки самописные реализации CMS и корпоративные фреймворки, используемые исключительно у определённых команд разработчиков. Вам нужно меньше переживать за кодовую базу, ведь львиную долю правок будут вносить разработчики фреймворка. Даже если исполнители, у которых вы заказывали разработку сайта, пропадут, вы сможете нанять других. Код будет легко читаться, исправляться или дорабатываться. Время разработки существенно сокращается даже для нетиповых и очень сложных проектов.

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

Лучшие Headless CMS и конструкторы web-приложений (PWA)

Тенденции индустрии web-разработки таковы, что многие команды переходят на микросервисы и serverless-технологии. Это выгодно, особенно для корпоративного сектора, где каждая группа разработчиков занимается своей узкой задачей. Одни отвечают за интерфейс, вторые – за наполнение, третьи – за бэкенд и т.д. Для каждой задачи используются свои инструменты: фреймворки, серверы баз данных и т.д. Статичный контент может распределяться по CDN-сетям. Обновления могут выкатываться только определённым группам пользователей или регионам, часть функций может выноситься в облачную инфраструктуру с продвинутой балансировкой. И т.п. Это огромный стек технологий. Реализовать концепцию можно на разных языках программирования, но наиболее удачной и популярной стала методология JAMStack, которая подразумевает:

  • использование JavaScript-фреймворков для создания кроссплатформенного фронтенда. Такой web-интерфейс можно открывать в браузере или устанавливать в качестве самостоятельно приложения, работающего без браузера;
  • переход на «безголовую» CMS-систему, это так называемые Headless CMS (они не имеют классического web-интерфейса и общаются с web-приложениями по API);
  • содержание самостоятельных серверов баз данных (обычно это виртуальные контейнеры в облачной инфраструктуре, которые легко нарастить или усилить, оплата будет не фиксированной, а привязанной к потреблённым ресурсам);
  • распределение статического контента через сети CDN-провайдеров.

Что немаловажно, команда разработчиков может использовать любой удобный для неё инструмент (Node.js, Vue.js, React, Angular, сервер баз данных MongoDB, MySQL, любые современные фреймворки для бэкенда и т.п.). Связываются все эти компоненты с помощью API.

Какие конструкторы можно использовать для фронтенда:

  • Quarkly (web-конструктор с Drag&Drop интерфейсом);
  • Gatsby (есть даже бесплатное облако для развёртывания и сборки web-приложений);
  • Next.js;
  • Hugo;
  • Jekyll;
  • 11ty;
  • и т.д.

Headless CMS для обеспечения API:

  • Netlify CMS;
  • TinaCMS;
  • Strapi;
  • Ghost;
  • dotCMS;
  • Google Drive (достаточно таблиц в Google Sheets);
  • microCMS;
  • и т.д.

Вы можете задействовать даже WordPress, Drupal, Joomla или любой другой движок, предоставляющий API, но в подконтрольной вам серверной среде.

Плюсы и минусы web-приложений для создания сайтов

Плюсы:
Минусы:
Потрясающая кроссплатформенность. Ваш сайт и приложение будут работать на любой платформе, где есть браузер. Не нужно разрабатывать приложения под каждую нативную платформу.
Приложение не обязательно загружать в маркетплейсы выбранной операционной системы (обычно процедура платная и долгая). Хотя при желании это тоже можно сделать.
Отличное быстродействие и доступность (особенно, если вы задействуете генераторы статичных сайтов и сеть CDN).
Удобное масштабирование.
Отдельными задачами разработки могут заниматься разные команды (можно распараллелить работу).
Есть готовые конструкторы интерфейсов (как Quarkly и аналоги).
Существует полностью бесплатный хостинг web-приложений.
Статичные сайты невозможно взломать.
К Headless CMS вы можете подключать разные интерфейсы, система общается исключительно по API.
Можно масштабировать свои микросервисы на лету, если используете облачную инфраструктуру (+оплата только за потребляемые ресурсы).
Огромный выбор инструментов – это всегда проблема подбора оптимального решения. У каждого из них свои особенности и ограничения.
Формат разработки подходит в первую очередь для корпоративного сектора.
Нужен серьёзный штат разработчиков под каждый вид задачи.
Минимизация расходов возможна, но есть минимальный порог. И он точно не про малый бизнес.
Конструкторы интерфейсов создают огромное количество лишнего кода.
Вы привязываетесь к инструментам разработки и CMS-системам.
Расходы на серверную инфраструктуру всё равно есть, пусть и оптимизированные.

Эффективность универсальных web-приложений и Headless CMS

Некоторые онлайн-конструкторы сайтов позволяют преобразовать ваш сайт в приложение в пару кликов. Есть сервисы, конвертирующие любые сайты в прогрессивные web-приложения (PWA), но вот создавать одностраничные приложения (SPA) или микросервисные архитектуры можно только вручную, с командой разработчиков. А это деньги, время и много кода.

Тем не менее, от монолитных конфигураций на своих серверах всё чаще отказываются. К клиентам нужно быть ближе. А сделать это можно с помощью приложений. Так как платформ много, поддерживать нативные реализации и сайт параллельно могут лишь крупные игроки. И тут лучшим решением для среднего сегмента и для окрепшего малого бизнеса будут универсальные web-приложения, которые могут работать и как сайт, и как кроссплатформенное ПО без браузера.

На чём лучше делать сайт: выводы

Облачные конструкторы идеальны для малостраничных сайтов (лендингов, визиток, небольших интернет-магазинов и т.п.). Запуск здесь сложных и многостраничных проектов пока не оправдан. Скорее всего вы упретесь в технические ограничения платформы. Хотя есть исключения, например, uCoz (универсальный конструктор для любых типов сайтов) или InSales (сервис для запуска масштабных онлайн-магазинов).

CMS отлично подходят для малых и средних проектов, предполагающих работу с многостраничными сайтами типовой структуры: блоги, интернет-магазины, корпоративные порталы и т.п. Но на готовых движках тяжело организовать сложный проект, с логикой, отличающейся от шаблонной. Под серьёзными нагрузками могут выявиться другие интересные проблемы, связанные с архитектурой ядра CMS. Важный момент – не стоит запускать сайты на движках со слабой историей (велика вероятность распада команды и прекращения поддержки). Лучше делать ставку на проверенные движки.

Фреймворки – это конструкторы для разработчиков. Новичкам, вебмастерам и другим категориям начинающих пользователей они точно не подойдут. Это профессиональный инструмент для профессионалов. Но если вы – владелец бизнеса, и заказываете разработку сайта на фреймворке, то обязательно участвуйте в выборе кодовой базы, так как при смене команды разработчиков вы рискуете получить проблемы при дальнейшей поддержке сайта/web-приложения.

Актуальный тренд в разработке web-проектов – кроссплатформенные приложения и «безголовые» CMS. Но реализация пока доступна только корпоративному сектору (дорого и сложно).

Простая альтернатива для владельцев классических сайтов – поддержка PWA (прогрессивных web-приложений). Многие CMS и даже онлайн-конструкторы сайтов уже реализовали такую возможность. Ярлык вашего сайта можно будет сохранить на рабочем столе в любой операционной системе.

» Статьи » На чём лучше сделать сайт