Упрощенный React — Next.js (2023)

Этот курс по Next.js создан для тех, кто хочет быстро и понятно разобраться в разных подходах к рендерингу внутри фреймворка. Вы получите структурированное обучение, разделенное на две ключевые части: современный App Router и классический Pages Router. Такой формат помогает понять, как работает каждый из них и когда их стоит использовать.

Что включает курс

Программа выстроена так, чтобы постепенно провести вас от базовых принципов Next.js к практическим навыкам разработки. Каждая часть курса четко обозначена, что позволяет легко ориентироваться в материале и возвращаться к нужным темам.

1. Маршрутизатор приложений (App Router)

Это основной и наиболее современный подход к работе с Next.js. В данной части курса рассматриваются:

• Принципы работы App Router и его отличия от Pages Router;
• Серверные и клиентские компоненты;
• Загрузка данных, маршрутизация и организация структуры проекта;
• Работа с современными API Next.js.

2. Каталог страниц (Pages Router)

Хотя Pages Router считается классическим вариантом, он все еще широко используется компаниями. В этой части курса вы узнаете:

• Как работает файловая маршрутизация старого формата;
• Методы получения данных: getStaticProps, getServerSideProps и другие;
• Когда стоит предпочесть Pages Router — и почему;
• Как сочетать Pages Router и App Router в одном проекте.

3. Универсальный раздел, применимый к обоим подходам

В конце курса представлены темы, одинаково важные для обеих парадигм Next.js:

• Оптимизация производительности;
• Работа со стилями и глобальными ресурсами;
• SEO в Next.js: улучшение структуры страниц и метаданных;
• Деплой и настройка окружения.

Почему курс поделен на две части

Next.js поддерживает оба подхода, и многие проекты используют их одновременно. App Router — это более современный, гибкий и удобный способ разработки, но Pages Router продолжает оставаться актуальным благодаря стабильности и широкому использованию в продакшене. Поэтому курс включает оба формата, чтобы вы могли уверенно работать с любым проектом.

Кому подойдет этот курс

• Начинающим разработчикам, желающим быстро освоить Next.js;
• Опытным фронтендерам, переходящим с React на Next.js;
• Тем, кто хочет понимать отличие App Router от Pages Router;
• Разработчикам, работающим с проектами разной архитектуры.

Что вы получите в итоге

• Целостное понимание двух подходов Next.js;
• Навыки разработки современных приложений на App Router;
• Умение поддерживать и улучшать проекты на Pages Router;
• Подготовку к работе с реальными проектами и задачами.