hostprofi.ru
Подобрать хостинг
Термин·буква Х

Хостинг для статических сайтов (JAMstack)

краткое определение

JAMstack-хостинг — хостинг для статических сайтов, сгенерированных SSG-фреймворками (Next.js, Gatsby, Hugo, Astro), с CDN-доставкой, serverless-функциями и отсутствием традиционного серверного рендеринга.

JAMstack (JavaScript + API + Markup) — архитектурный подход к веб-разработке, при котором сайт компилируется в статические HTML/CSS/JS-файлы в процессе сборки и раздаётся через CDN без серверного рендеринга при каждом запросе. JAMstack-хостинг — это платформа, оптимизированная для таких сайтов: Netlify, Vercel, Cloudflare Pages, GitHub Pages, AWS Amplify. TTFB составляет 10–50 мс — в 5–10 раз быстрее, чем у динамических PHP-сайтов.

Как работает JAMstack-хостинг

При каждом коммите в репозиторий (Git-based workflow) платформа автоматически запускает сборку сайта (например, next build или hugo или gatsby build), и готовые статические файлы публикуются на глобальную CDN-сеть с узлами в 200+ локациях. Пользователь получает HTML из ближайшего edge-узла — задержка 10–50 мс.

Динамическая функциональность (формы, авторизация, поиск, корзина) реализуется через serverless-функции (AWS Lambda, Cloudflare Workers, Netlify Functions) и внешние API-сервисы. Это исключает уязвимости серверного ПО (нет PHP, нет SQL-сервера на том же хосте) и снижает затраты на масштабирование — CDN справляется с любым трафиком без добавления серверов.

Популярные JAMstack-фреймворки

  • Next.js — React-фреймворк с SSG (Static Site Generation), SSR и ISR (Incremental Static Regeneration)
  • Gatsby — React + GraphQL, специализируется на блогах и сайтах-витринах
  • Hugo — написан на Go, самый быстрый SSG (1000+ страниц/сек при сборке)
  • Astro — Islands Architecture, минимальный JavaScript на клиенте
  • Nuxt.js — Vue-фреймворк с SSG-режимом, аналог Next.js для Vue
  • Eleventy (11ty) — гибкий SSG без жёсткой привязки к фреймворку

История JAMstack

Статические HTML-сайты были нормой в 1990-х, до появления PHP и баз данных. Jekyll (2008, GitHub) возродил интерес к SSG для блогов разработчиков. Hugo вышел в 2013 году, Gatsby — в 2015-м. Термин JAMstack ввёл Матиас Биллманн (Mathias Biilmann), CEO Netlify, в 2015–2016 годах, сформировав экосистему вокруг этого подхода. Next.js появился в октябре 2016 года. К 2022 году Netlify обрабатывал 35+ млрд запросов в месяц. Vercel, основанная в 2019 году, стала вторым крупнейшим JAMstack-провайдером с оценкой $2,5 млрд в 2021 году.

JAMstack vs традиционный хостинг

На традиционном хостинге каждый запрос обрабатывается сервером: PHP + MySQL добавляют 50–500 мс накладных расходов. На JAMstack-хостинге сервер не участвует в отдаче страниц — только CDN. Нет overhead PHP/MySQL, нет проблем с масштабированием под нагрузку, нет уязвимостей серверного ПО. Ограничение: контент обновляется только при пересборке (решается ISR в Next.js — частичная регенерация без полного rebuild).

Стоимость JAMstack-хостинга

Vercel Free: 100 ГБ CDN-трафика/мес, автодеплой из Git, SSL-сертификат автоматически. Netlify Free: 100 ГБ трафика, 300 минут сборки/мес. Cloudflare Pages: бесплатно с безлимитным трафиком. GitHub Pages: бесплатно для публичных репозиториев. Платные тарифы (от $20/мес) нужны при коммерческом использовании: командная работа, аналитика, приоритетная сборка.

Непрерывный деплой в JAMstack

Git-based workflow — ключевое преимущество JAMstack. Разработчик делает push в main → Netlify/Vercel автоматически запускает build → за 30–90 секунд сайт обновляется глобально на CDN. Для preview-деплоев каждый pull request получает уникальный URL — можно показать клиенту предварительный результат. Откат к предыдущей версии — одна кнопка в дашборде: Netlify и Vercel хранят все предыдущие деплои. Webhooks позволяют запускать пересборку из Headless CMS (Strapi, Contentful) при публикации нового контента.

Другие термины