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

💎 Оформить премиум подписку - https://htmllessons.ru/premium?utm_so...
❤️ Отзывы тут - https://t.me/htmllessons_reviews

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

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

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

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

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

⚡️ Список интенсивов по подписке - https://htmllessons.ru/list-intensive...

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

👉 Полезные ссылки из видео:
Настройка vs code + сниппеты -    • 🦋 Настройка VS Code для разработчика...  
Полный курс по React -    • Полный курс React JS для начинающих -...  
Настройка Vs Code -    • 🦋 Настройка VS Code для разработчика...  
Разбор Next.js 13 -    • Next.js 13 - Это все меняет! | Turbop...  
Amazon 2.0 -    • 🚀 AMAZON 2.0 - ИНТЕРНЕТ МАГАЗИН с нул...  

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://htmllessons.io/links

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