Этот курс поможет вам быстро и уверенно войти в экосистему Next.js — современного фреймворка, созданного на базе React для разработки быстрых, масштабируемых и оптимизированных веб‑приложений. Вы шаг за шагом разберёте ключевые возможности Next.js, научитесь правильно структурировать проект, работать с маршрутизацией, данными и развертыванием, а также поймёте, чем Next.js отличается от классического React.
Что вы изучите в этом курсе
Программа курса охватывает все базовые и продвинутые темы, необходимые для уверенного старта.
Основы Next.js: отличие фреймворка от React и его ключевые преимущества.
Маршрутизация и страницы: создание статических и динамических маршрутов.
Работа с данными: получение данных на стороне клиента и сервера.
Оптимизация производительности: встроенные инструменты Next.js для ускорения загрузки сайта.
Тестирование компонентов: лучшие практики тестирования страниц и UI.
Развертывание приложений: публикация проектов в Vercel и понимание различных режимов рендеринга.
Кому подойдёт этот курс
Материал будет особенно полезен тем, кто уже знаком с React и хочет:
перейти на профессиональный уровень разработки современных веб‑приложений;
понять, когда и зачем использовать SSR, SSG и ISR;
получить практические навыки развертывания реальных проектов;
освоить удобный фреймворк для создания быстрых и SEO‑оптимизированных сайтов.
Чему вы научитесь на практике
Создание страниц и маршрутов
Вы научитесь работать с файловой структурой Next.js, создавать статические и динамические маршруты, применять layout‑компоненты и организовывать навигацию в приложении.
Получение и управление данными
Вы разберёте методы data‑fetching, такие как getStaticProps, getServerSideProps и клиентские запросы, а также поймёте, когда использовать каждый из них.
Оптимизация и скорость работы
Мы рассмотрим техники оптимизации изображений, кода и запросов, чтобы ваши проекты работали максимально быстро.
Развертывание в Vercel
Вы узнаете, как развернуть свой проект в Vercel, используя лучшие практики и инструменты автоматической сборки.
Итоги и результаты обучения
После прохождения курса вы сможете самостоятельно создавать, оптимизировать и публиковать веб‑приложения на Next.js. Курс даст вам практический фундамент, необходимый для реальной разработки и последующего углубления в экосистему фреймворка.
Удален по просьбе правообладателя
Урок 1.00:07:24
Introduction
Урок 2.00:09:28
Next.js Origins and Q&A
Урок 3.00:14:02
Creating a Next.js App
Урок 4.00:11:26
File-Based Routing & Params
Урок 5.00:06:34
Route Grouping
Урок 6.00:09:49
Layout Components
Урок 7.00:07:35
Navigation
Урок 8.00:11:06
Server vs Client Components
Урок 9.00:10:37
Rendering Server Components
Урок 10.00:13:04
Client Components
Урок 11.00:11:08
Data Fetching with Server Components
Урок 12.00:07:10
Data Fetching Q&A
Урок 13.00:09:23
Creating API Routes
Урок 14.00:11:31
Static Params
Урок 15.00:12:12
Loading Page
Урок 16.00:04:11
Error Boundaries
Урок 17.00:04:30
Typing Components & API Responses
Урок 18.00:04:52
Mutating Data
Урок 19.00:03:12
Global Styles
Урок 20.00:10:06
CSS Modules & Third-Party Libraries
Урок 21.00:07:43
Creating & Styling the Home Page
Урок 22.00:07:12
Loading Blog Posts
Урок 23.00:08:40
Contact Form & Server API
Урок 24.00:03:29
Wrapping Up
Авторы - master.dev (ex FrontendMasters), Scott Moss
Master.dev — это образовательная платформа для разработчиков, которая помогает совершенствовать инженерные навыки: от изучения языков программирования и веб-разработки до работы с базами данных, облачной инфраструктурой, DevOps и искусственным интеллектом. Ранее известная как Frontend Masters, платформа расширила фокус и теперь обучает разработчиков всему спектру современной разработки ПО.
Скотт — генеральный директор и соучредитель Superfilter AI. Он провел годы в качестве венчурного инвестора, инвестируя в стартапы в области искусственного интеллекта, создавая новые функции в качестве инженера в Netflix, а также основав и возглавив стартап по инструментам для разработки. Он дважды основатель YC и любит создавать вещи, которыми одержимы люди. В свободное от работы время Скотт любит играть в баскетбол, а также проводить время со св