Полный курс по Next js - Изучи Nextjs за 2 часа! | React SSR +таймкоды

? Оформить премиум подписку - https://htmllessons.ru/premium?utm_source=youtube&utm_medium=red-group&utm_campaign=description&utm_content=full-next-course-2023

Новое большое видео на канале, сегодня я публикую полный курс Next JS для начинающих. Этот материал позволит тебе изучить Некст за 2 часа с нуля (важно только знание React). Считай это 20 уроков Next в одном видео. В прошлый раз я делал быстрый курс по Next, но это был не полный материал. В этом ролике будет как и практика next, на примере проекта, так и немного теории. Также отвечу на некоторые вопросы, которые встречаются на собеседование на Junior Front-end разработчика. Можно сказать это фундаментальный курс по Next от А до Я. Приятного просмотра!

Надеюсь Вы оцените мои старания, с Вас лайк и подписка. ? 1000 лайков и я уже следующее видео - курс Redux + RTK Query.

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

Скачать ? готовый проект + база данных (требуется подписка) - https://htmllessons.ru/storage#storage_file_76

? ТГ канал - https://t.me/redgroupchannel

⚡️ Список интенсивов по подписке - https://htmllessons.ru/list-intensives?utm_source=youtube&utm_medium=red-group&utm_campaign=description&utm_content=full-next-course-2023

? Тема в редактор/IDE - codeSTACKr Theme

? Полезные ссылки из видео:
Настройка vs code + сниппеты - https://www.youtube.com/watch?v=ZMDdsH7QUQU
Полный курс по React - https://youtu.be/k35Jt-VnzO8
Настройка Vs Code - https://youtu.be/ZMDdsH7QUQU
Разбор Next.js 13 - https://youtu.be/kJJhyPAVkO4
Amazon 2.0 - https://youtu.be/7-zwvUPKYpE

00:00:00 - Начало
00:01:55 - Что такое Next.js? и его преимущества
00:06:39 - Установка проекта
00:08:23 - Тема и иконки в VS Code
00:09:05 - Разбор структуры
00:11:16 - Страницы и роутинг
00:18:51 - Правильная структура для компонентов
00:21:55 - useRouter
00:28:39 - Layout и Навигация по страницам
00:35:58 - Написание стилей, модульность и SCSS
00:38:10 - Новый вариант подгрузки шрифтов (Font component)
00:48:30 - Страница 404
00:49:37 - Как вставлять изображения? Image component
00:54:23 - Компонент Head
00:55:47 - SEO оптимизация (Meta component)
01:02:48 - Импорт только на клиенте ssr:false
01:05:32 - SSR vs SSG vs ISR (Что и когда использовать?)
01:11:51 - getServerSideProps
01:26:36 - getStaticProps
01:28:30 - getStaticPaths
01:32:44 - Как работают react хуки в Next.js?
01:33:50 - next.config Файл конфигурации (подробный разбор)
01:38:16 - Крутая фишка для авторизированных страниц
01:43:42 - Создание своего API на next.js
01:45:52 - Next.js 13 BETA на будущее
01:50:16 - Когда использовать Next.js?
01:51:37 - Важное понимание

#Next #NextJS #Некст #RedGroup

? Личный ТГ канал - https://t.me/hardmaxchannel

? Все ссылки (+ настройка редактора) и информация обо мне - https://redlinks.space/

Смотрите видео ДО КОНЦА, подписывайтесь на канал, ставьте ? и колокольчик ?