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

Server Rendering (SSR) генерирует HTML на сервере и отправляет готовую страницу клиенту. Это улучшает SEO и время первой загрузки, но требует обновления всей страницы при навигации. SPA (Single Page Application) загружает один HTML-файл, а затем динамически обновляет контент через JavaScript (обычно с API). Это обеспечивает плавный UX без перезагрузок, но хуже для SEO и начальной загрузки. Пример 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 ; } ```