Next.js 14: Быстрый курс за 40 минут🔥

🔥 Наши интенсивы и мастер-классы — без воды, только практика:
РФ - https://htmllessons.ru/intensives
Мир - https://htmllessons.io/intensives

⚡️ Забрать бесплатные ресурсы и 4000 бонусов от Cloud․ru можно на сайте: https://sc.link/y0nKE
Реклама. ООО «Облачные технологии». ИНН 7736279160. Erid — 2Vfnxwyr9SG

Поддержи видео лайком, 2000 лайков 👍 и я делаю новое видео данного формата!

Скачать 🖥 папку проекта - https://t.me/redgroup

В этом видео мы погрузимся в мир Next.js и разберем, когда лучше выбирать Next.js, а когда React. Освоите новый роутинг и его возможности, узнаете о хуках useRouter, usePathname, useSearchParams, научитесь работать с layout и оптимизировать SEO. Обсудим SSR, SSG, ISR и их применение, разберемся с клиентскими и серверными компонентами, middleware и многим другим.

☑️ Чеклист "С нуля до Senior front-end" - https://t.me/checklist_redgroup_pay_bot
VK - https://vk.com/redgroupchannel

🍥 Тема в редактор/IDE - DEFAULT
✨Скачать настройку VS Code:
РФ - https://htmllessons.ru/repositories/96
Мир - https://htmllessons.io/repositories/96
🎹 Клавиатура - NuPhy Halo65 / switch Night Breeze

Если есть какие то вопросы по этой теме - дай знать в 💬 комментариях!

00:00 - Начало
00:30 - В этом видео
01:07 - Почему Next крутой?
04:16 - Установка проекта
06:22 - Структура и компоненты
08:33 - Роутинг
11:45 - layout
12:33 - Правильная структура
14:07 - Визуал
15:13 - Шрифты
15:43 - Страница 404
15:59 - Изображения
16:37 - Полезные хуки
20:03 - Клиентские vs серверные компоненты
23:55 - use client, use server
26:13 - Подгрузка данных разными способами
30:46 - SEO оптимизация
33:11 - middleware
35:33 - Полезные настройки конфига
37:03 - Оптимизация пакетов
37:47 - Очень быстрая статика MDX
39:30 - Сборка проекта
40:45 - Когда использовать Next.js?

⚡️Закрытый клуб "5 утра" - https://htmllessons.ru/ext/club
💡 Личный ТГ канал - https://t.me/hrdmx

🌿 Плейлист с полными курсами для новичков и не только - https://www.youtube.com/playlist?app=desktop&list=PLXkonRjGXZwxfa5YGgkENee7sQhc-Mdhd

👉 Все ссылки (+ настройка редактора) и информация обо мне:
РФ - https://htmllessons.ru/links
Мир - https://htmllessons.io/links

#Next #Nextjs #Next_js #RedGroup