В чем разница между знакомыми тебе типами архитектуры

**Монолитная архитектура** — все компоненты приложения (UI, бизнес-логика, БД) тесно связаны и развертываются как единое целое. Простота разработки, но сложность масштабирования. **Клиент-серверная (CS)** — клиент (браузер/приложение) отправляет запросы серверу, который обрабатывает их и возвращает данные. Четкое разделение ответственности, но сервер может стать узким местом. **Микросервисная** — приложение разбито на независимые сервисы (например, аутентификация, платежи), которые общаются через API. Гибкость и масштабируемость, но сложность управления. **SPA (Single Page Application)** — весь UI загружается один раз, дальнейшие изменения происходят динамически (React, Vue). Быстрый UX, но сложности с SEO. **SSR (Server-Side Rendering)** — страницы рендерятся на сервере (Next.js, Nuxt). Лучше для SEO, но нагрузка на сервер выше. Пример SPA vs SSR: ```jsx // SPA (React) function App() { return ; } // SSR (Next.js) export async function getServerSideProps() { return { props: { data: "Рендерится на сервере" } }; } ```