8. Server components and fetching data

Курс ведет Анастасия Беликова 👉 Ссылка платформу с конспектом и актуальными ссылками https://it-incubator.io/react/ru/react-middle-senior-tutorials/nextjs-base-free-course/server-components-and-fetching-data?s=64BA47 В этом видео вы разберётесь, что такое серверный рендеринг (SSR) в Next.js, как он отличается от клиентского (CSR) и почему Next.js решает проблему SEO, недоступную в React. Мы создадим страницу, посмотрим на неё глазами поискового робота и поймём, как Next.js делает HTML видимым до загрузки JavaScript. Это видео — must-watch для тех, кто хочет понимать, как устроены современные фронтенд-фреймворки и зачем нужны серверные компоненты. А если ты хочешь серьёзно стать фронтенд-разработчиком, то го к нам: https://it-incubator.io/education/front-end?utm_source=youtube&utm_medium=nextjs&utm_campaign=video Обучение бэкенд-разработчиков NodeJS до уровня миддл: https://it-incubator.io/education/back-end?utm_source=youtube&utm_medium=nextjs&utm_campaign=video Из видео вы узнаете: как Next.js по умолчанию рендерит страницы на сервере; чем SSR лучше для SEO и скорости загрузки; почему поисковые роботы «не видят» React; как сделать клиентскую и серверную компоненты; как спрятать API-ключи и улучшить безопасность. Полезно для: frontend-разработчиков, изучающих React и Next.js, и всех, кто хочет сделать быстрые и оптимизированные сайты. Тайм-коды: 00:00 — Что такое серверный рендеринг и зачем он нужен 02:00 — React vs Next.js: как работает SSR 04:30 — Проверяем HTML глазами поисковика 06:00 — Пример с API и клиентскими компонентами 09:00 — Делаем компонент серверным (async / fetch) 12:00 — Почему SSR быстрее и безопаснее 13:16 — Что дальше: динамические параметры и searchParams #NextJS #React #Frontend #WebDevelopment #SSR #CSR #JavaScript #SEO #ServerRendering #NextJSTutorial #NextJSForBeginners #LearnNextJS