Статический рендеринг
Teaches static rendering (SSG) for build-time HTML generation. Use when your pages don't change per request and can be pre-rendered at build time for maximum cacheability and performance.
AIpatternsdev
official
Другое
Что делает навык
Статический рендеринг (SSG) генерирует HTML-контент на этапе сборки сайта, а не во время запроса. Это решает проблемы с задержкой TTFB при SSR и медленной загрузкой FCP/LCP/TTI при CSR за счет доставки предварительно отрендеренного HTML.
Когда применять
- Статический контент, такой как страницы 'О нас', публикации в блогах и списки товаров, которые не меняются от запроса к запросу.
- Сценарии, требующие максимально возможной скорости TTFB за счет обслуживания статического HTML через CDN.
- Контент, который можно полностью сгенерировать во время сборки и не требует персонализации или данных в реальном времени.
Как работает
- Определить, что контент является статическим и не изменяется от запроса к запросу.
- Настроить генерацию HTML-страниц во время этапа сборки (build time), а не при обработке запросов.
- Обеспечить доставку предварительно отрендеренного HTML-контента клиенту.
- Использовать CDN для обслуживания статического HTML с целью минимизации задержки TTFB.
Примеры запросов агенту
Сгенерируй статические HTML-страницы для блога на основе моих статей.
Создай статический рендеринг для страницы 'О нас' и списка товаров.
Оптимизируй загрузку страниц, используя SSG для контента, который редко меняется.
Описание составлено по SKILL.md навыка, сверено 05.10.2026.
Как подключить
1Скачать навык
# возьмите папку навыка «static-rendering» из репозитория:
# https://github.com/patternsdev/skills
2Положить папку с
SKILL.md к навыкам ассистента# положите папку навыка туда, где ассистент ищет skills:
cp -r static-rendering/ ~/.claude/skills/static-rendering/
Навык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.