В чем разница между SSR и SPA

SSR (Server-Side Rendering) и SPA (Single Page Application) — два разных подхода к рендерингу веб-приложений. **SSR**: - Рендеринг происходит на сервере, готовый HTML отправляется клиенту. - Лучше для SEO, так как поисковые боты видят контент сразу. - Первая загрузка быстрее, но переходы между страницами требуют полной перезагрузки. - Пример: Next.js, Nuxt.js. **SPA**: - Рендеринг происходит на клиенте (в браузере) с помощью JavaScript. - После загрузки приложения переходы между страницами мгновенные (без перезагрузки). - SEO сложнее, так как изначально HTML пустой. - Пример: React, Vue, Angular. **Пример SSR (Next.js):** ```jsx export async function getServerSideProps() { const res = await fetch('https://api.example.com/data'); const data = await res.json(); return { props: { data } }; } function Page({ data }) { return ; } ``` **Пример SPA (React):** ```jsx function App() { const [data, setData] = useState(null); useEffect(() => { fetch('https://api.example.com/data') .then(res => res.json()) .then(setData); }, []); return ; } ``` SSR лучше для статического контента и SEO, SPA — для динамических приложений с богатым UI.