Что такое Static Generation в Next.js

Static Generation (SG) — это метод предварительной генерации HTML-страниц на этапе сборки в Next.js. Страницы создаются один раз и могут быть развернуты на CDN для быстрой загрузки. **Преимущества:** - Максимальная производительность (кешированный HTML) - Лучший SEO (контент доступен сразу) - Меньше нагрузки на сервер **Когда использовать:** - Страницы с фиксированным контентом (блоги, документация) - Данные обновляются редко **Пример:** ```jsx export async function getStaticProps() { const res = await fetch('https://api.example.com/posts'); const posts = await res.json(); return { props: { posts }, // данные передаются в компонент revalidate: 60, // опционально: ISR (перегенерация каждые 60 сек) }; } export default function Blog({ posts }) { return ; } ``` Для динамических маршрутов используется `getStaticPaths` + `getStaticProps`.