🔥 Оформить премиум подписку - htmllessons.io/premium?...
⚡️ Забрать бесплатные ресурсы и 4000 бонусов от Cloud․ru можно на сайте: sc.link/y0nKE
Реклама. ООО «Облачные технологии». ИНН 7736279160. Erid - 2Vfnxwyr9SG
🔐 МК "Реализация оплаты от А до Я" (запись можно будет купить до конца недели) - t.me/pay_red_mk_3_bot
Подробнее о мастер классе - t.me/redgroupchannel/1533
🦋 Наш ТГ канал - t.me/redgroupchannel
Поддержи видео лайком, 2000 лайков 👍 и я делаю новое видео данного формата!
Скачать 🖥 папку проекта - t.me/redgroupchannel
В этом видео мы погрузимся в мир Next.js и разберем, когда лучше выбирать Next.js, а когда React. Освоите новый роутинг и его возможности, узнаете о хуках useRouter, usePathname, useSearchParams, научитесь работать с layout и оптимизировать SEO. Обсудим SSR, SSG, ISR и их применение, разберемся с клиентскими и серверными компонентами, middleware и многим другим.
⚡️ Список интенсивов по подписке - htmllessons.ru/list-intensive...
🔐 МК по авторизации 2.0 (все исходники и запись доступны навсегда!) - t.me/pay_red_master_class_bot
☑️ Чеклист "С нуля до Senior front-end" - t.me/checklist_redgroup_pay_bot
VK - redgroupchannel
🍥 Тема в редактор/IDE - DEFAULT
✨Скачать настройку VS Code - get.redlinks.tech/s/7hEUp1j
🎹 Клавиатура - 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 утра" - htmllessons.ru/ext/club
💡 Личный ТГ канал - t.me/hardmaxchannel
🌿 Плейлист с полными курсами для новичков и не только - • Полные курсы
👉 Все ссылки (+ настройка редактора) и информация обо мне - redlinks.tech/
#Next #Nextjs #Next_js #RedGroup
18 май 2024
