Полный курс по Next js - Изучи Nextjs за 2 часа! | React SSR +таймкоды
Автор: RED Group
Загружено: 2023-03-19
Просмотров: 108257
💎 Оформить премиум подписку - 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 для разработчика 2023...
Полный курс по React - • Полный курс React JS для начинающих - Изуч...
Настройка Vs Code - • 🦋 Настройка VS Code для разработчика 2023...
Разбор Next.js 13 - • Next.js 13 - Это все меняет! | Turbopack в...
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/hrdmx
👉 Все ссылки (+ настройка редактора) и информация обо мне - https://htmllessons.io/links
Смотрите видео ДО КОНЦА, подписывайтесь на канал, ставьте 👍 и колокольчик 🔔

Доступные форматы для скачивания:
Скачать видео mp4
-
Информация по загрузке: