✅Виды Рендеренга web
1. Client-Side Rendering (CSR)
Рендеринг на клиенте (в браузере).
• HTML загружается минимальный, затем JavaScript "оживляет" страницу.
• Примеры: React (CRA), Vue, Angular (SPA).
• Плюсы: Высокая интерактивность, быстрое переключение между страницами.
• Минусы: Долгая первая загрузка, проблемы с SEO без дополнительных костылей.
2. Server-Side Rendering (SSR)
Рендеринг на сервере, HTML генерируется там и отправляется уже готовым.
• Примеры: Next.js (React), Nuxt.js (Vue), обычные Django, Rails и т.д.
• Плюсы: Быстрый первый показ, SEO-дружелюбность.
• Минусы: Серверная нагрузка, чуть медленнее интерактивность после загрузки.
3. Static Site Generation (SSG)
Статическая генерация во время сборки (build time).
• HTML создаётся заранее и отдается как обычный файл.
• Примеры: Next.js (getStaticProps), Hugo, Gatsby.
• Плюсы: Мгновенная загрузка, минимальная нагрузка на сервер.
• Минусы: Нельзя динамически менять содержимое без ре-сборки.
4. Incremental Static Regeneration (ISR)
Гибрид SSG и SSR — статические страницы пересоздаются на сервере по запросу с интервалами.
• Примеры: Next.js (revalidate).
• Плюсы: Обновляемость без полной пересборки.
• Минусы: Сложнее в настройке и понимании.
5. Hybrid Rendering
Смешение CSR, SSR и SSG на уровне разных страниц или компонентов.
• Пример: в Next.js на одной странице используется SSR, на другой — SSG.
• Плюсы: Гибкость.
• Минусы: Повышенная сложность поддержки.
6. Edge Rendering / Middleware Rendering
Рендеринг происходит ближе к пользователю — на edge-серверах CDN.
• Примеры: Vercel Edge Functions, Cloudflare Workers.
• Плюсы: Мгновенный отклик, персонализация на лету.
• Минусы: Ограничения на окружение и ресурсы.
🌐Источник: читать
#data #web #frontend
1. Client-Side Rendering (CSR)
Рендеринг на клиенте (в браузере).
• HTML загружается минимальный, затем JavaScript "оживляет" страницу.
• Примеры: React (CRA), Vue, Angular (SPA).
• Плюсы: Высокая интерактивность, быстрое переключение между страницами.
• Минусы: Долгая первая загрузка, проблемы с SEO без дополнительных костылей.
2. Server-Side Rendering (SSR)
Рендеринг на сервере, HTML генерируется там и отправляется уже готовым.
• Примеры: Next.js (React), Nuxt.js (Vue), обычные Django, Rails и т.д.
• Плюсы: Быстрый первый показ, SEO-дружелюбность.
• Минусы: Серверная нагрузка, чуть медленнее интерактивность после загрузки.
3. Static Site Generation (SSG)
Статическая генерация во время сборки (build time).
• HTML создаётся заранее и отдается как обычный файл.
• Примеры: Next.js (getStaticProps), Hugo, Gatsby.
• Плюсы: Мгновенная загрузка, минимальная нагрузка на сервер.
• Минусы: Нельзя динамически менять содержимое без ре-сборки.
4. Incremental Static Regeneration (ISR)
Гибрид SSG и SSR — статические страницы пересоздаются на сервере по запросу с интервалами.
• Примеры: Next.js (revalidate).
• Плюсы: Обновляемость без полной пересборки.
• Минусы: Сложнее в настройке и понимании.
5. Hybrid Rendering
Смешение CSR, SSR и SSG на уровне разных страниц или компонентов.
• Пример: в Next.js на одной странице используется SSR, на другой — SSG.
• Плюсы: Гибкость.
• Минусы: Повышенная сложность поддержки.
6. Edge Rendering / Middleware Rendering
Рендеринг происходит ближе к пользователю — на edge-серверах CDN.
• Примеры: Vercel Edge Functions, Cloudflare Workers.
• Плюсы: Мгновенный отклик, персонализация на лету.
• Минусы: Ограничения на окружение и ресурсы.
🌐Источник: читать
#data #web #frontend
✅DDD (Domain‑Driven Design) — это подход к проектированию программных систем, при котором модель предметной области (домен) становится центром внимания.
⚙️Архитектура, построенная «по‑DDD», пытается сделать так, чтобы структурные элементы кода, их связи и даже терминология напрямую отражали бизнес‑реальность, с которой работает продукт.
📑Используется в таких круптных кампаниях как:
-
-
-
-
и многие другие.
#web
⚙️Архитектура, построенная «по‑DDD», пытается сделать так, чтобы структурные элементы кода, их связи и даже терминология напрямую отражали бизнес‑реальность, с которой работает продукт.
📑Используется в таких круптных кампаниях как:
-
Amazon-
Netflix-
Uber-
Spotifyи многие другие.
#web