Связано с Modocosm

BuyChain — headless-сайт на Jamstack

Развязанный маркетинговый сайт для B2B-компании из сферы цепочек поставок, построенный на Astro и headless-CMS Directus, чтобы команда могла публиковать контент без помощи разработчиков.

BuyChain нужен был сайт, который мог бы объяснить довольно сложный B2B-продукт из сферы цепочек поставок, оставаясь при этом быстрым и простым в обновлении. Я вёл разработку фронтенда. Взвесив компромиссы, я предложил подход Jamstack — статический фронтенд с отдельно управляемым контентом — и довёл его до запуска, объяснив команде BuyChain, как они будут вести контент изо дня в день, чтобы это решение осталось рабочим и после передачи.

BuyChain

Что я сделал

  • Фронтенд на Astro: построен на островной архитектуре Astro, так что интерактивные части гидратируются только там, где это нужно, а остальное отдаётся статическим HTML. Это делает страницы быстрыми при загрузке.
  • CMS Directus: настроил Directus как слой контента, включая SQL-схемы под ним, так что локализованные страницы и маркетинговый контент управляются из одного места.
  • Конвейер статической сборки: контент подтягивается из Directus во время сборки в статические страницы только для чтения, что изолирует работающий сайт от CMS и делает хостинг дешёвым.

Почему это было важно

Поскольку контент живёт в CMS, а сайт пересобирается статически, команда BuyChain может создавать новые лендинги и направления, не дожидаясь разработчика. Это убрало постоянно возникавшее узкое место и позволило держать расходы на хостинг низкими.