1. **CSR (Client-Side Rendering)** Рендеринг происходит в браузере с помощью JavaScript. Пример: React, Vue, Angular. ```jsx // React компонент function App() { return

Hello, CSR!

; } ``` 2. **SSR (Server-Side Rendering)** HTML генерируется на сервере и отправляется клиенту. Пример: Next.js, Nuxt.js. ```jsx // Next.js страница export async function getServerSideProps() { return { props: { data: 'SSR' } }; } ``` 3. **SSG (Static Site Generation)** HTML генерируется на этапе сборки. Пример: Gatsby, Next.js с `getStaticProps`. ```jsx // Next.js с SSG export async function getStaticProps() { return { props: { data: 'SSG' } }; } ``` 4. **ISR (Incremental Static Regeneration)** SSG с возможностью обновления контента без пересборки. Пример: Next.js. 5. **Hydration** SSR + CSR: сервер отдаёт готовый HTML, затем клиент "оживляет" его. 6. **Streaming SSR** Постепенная отправка HTML по мере генерации (React 18+). 7. **Edge Rendering** Рендеринг на edge-серверах (ближе к пользователю). Пример: Next.js с `edge runtime`. Выбор зависит от требований к SEO, скорости загрузки и динамичности контента.