Главная страницаКатегория react.jsПостройте React приложение с рендерингом на стороне сервера с Next.js

Постройте React приложение с рендерингом на стороне сервера с Next.js

Name: Постройте React приложение с рендерингом на стороне сервера с Next.js
Rating: 3.3 (6 reviews)

Build a Server-rendered ReactJS Application with Next.js

egghead

★3.3 (всего оценок - 6)

Продолжительность

0 ч 28 мин

Категория

React.js

Количество уроков

9 Видео

Дата добавления

14 окт. 2018 г., 11:22

Язык

Английский

Дата обновления

29 апр. 2026 г., 01:25

Этот курс познакомит вас с тем, как быстро и эффективно можно создавать современные React‑приложения с серверным рендерингом при помощи Next.js. Вы разберётесь в ключевых возможностях фреймворка, улучшите свой рабочий процесс и научитесь развертывать полнофункциональное приложение, работающее с внешним API.

Что вас ждет в курсе

Вы шаг за шагом создадите приложение, которое загружает записи из Google Blogger API, и узнаете, как Next.js помогает ускорить разработку и упростить архитектуру проекта.

Ключевые возможности Next.js

Серверный рендеринг (SSR) для улучшения SEO и скорости загрузки.
Предварительная выборка маршрутов для более плавной навигации.
Разделение кода без дополнительной настройки.
Поддержка динамических маршрутов из коробки.

Работа с данными и API

Вы узнаете, как получать данные на сервере, используя getInitialProps, и передавать их в виде props в компоненты React без необходимости внедрять сложные архитектурные решения для управления состоянием.

Интеграция интерфейса и библиотек

Курс также включает практическое внедрение Material‑UI на стороне сервера, что позволяет обеспечить корректный рендеринг стилей и оптимальную производительность.

Построение динамических интерфейсов

Вы научитесь создавать настраиваемые страницы, подгружать контент в зависимости от маршрута и правильно организовывать структуру UI‑компонентов.

Развертывание готового приложения

В финале курса вы перенесёте своё приложение в production, используя now-cli, и получите рабочий URL, доступный в интернете. Это даст вам полное понимание полного цикла разработки с Next.js — от создания до публикации.

Полезные материалы

Исходный код курса доступен по ссылке ниже. Каждая ветка репозитория соответствует конкретному уроку, что позволяет легко следить за прогрессом и повторять примеры:

https://github.com/tgrecojs/nextjs-blogger/tree/part-1

Название ветки соответствует уроку.

Урок 1.00:01:41
Introducing Build a Server-rendered ReactJS application with Next.js
Урок 2.00:02:15
Render Text within a Server-side ReactJS App with Next.js
Урок 4.00:02:44
Render Material-UI Components with Next.js
Урок 5.00:05:03
Populate A Next.js Application with Data using Async/Await
Урок 6.00:03:41
Create custom routes within Next.js using ExpressJS
Урок 7.00:03:46
Dynamically Instantiate Routes on Id with Next.js & ExpressJS
Урок 8.00:03:16
Leverage Next.js' getInitialProps lifecycle hook to load individual posts
Урок 9.00:03:28
Style Next.js Application's using CSS-in-JS and styled-jsx
Урок 10.00:02:40
Deploy a Next.js Application to the web with the `now-cli`