Популярное

Музыка Кино и Анимация Автомобили Животные Спорт Путешествия Игры Юмор

Интересные видео

2025 Сериалы Трейлеры Новости Как сделать Видеоуроки Diy своими руками

Топ запросов

смотреть а4 schoolboy runaway турецкий сериал смотреть мультфильмы эдисон
dTub
Скачать

Полный курс по 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

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

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

Поделиться в:

Доступные форматы для скачивания:

Скачать видео mp4

  • Информация по загрузке:

Скачать аудио mp3

Похожие видео

array(10) { [0]=> object(stdClass)#9366 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "gPmYTqGPDWA" ["related_video_title"]=> string(107) "Полный курс Redux Toolkit + RTK Query для начинающих | Редакс за 2 часа!" ["posted_time"]=> string(21) "2 года назад" ["channelName"]=> string(9) "RED Group" } [1]=> object(stdClass)#9339 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "EH1WsQGSrWU" ["related_video_title"]=> string(74) "NextJS 13. Варианты рендеринга - RSC, CSR, SSR, SSG, ISR" ["posted_time"]=> string(19) "1 год назад" ["channelName"]=> string(33) "Михаил Непомнящий" } [2]=> object(stdClass)#9364 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "hp7RGbb44VY" ["related_video_title"]=> string(77) "Я РАЗРАБОТАЛ YOUTUBE БУДУЩЕГО на NEXT JS 15 с нуля!" ["posted_time"]=> string(27) "6 месяцев назад" ["channelName"]=> string(9) "RED Group" } [3]=> object(stdClass)#9371 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "xfOT2elC2Ok" ["related_video_title"]=> string(86) "Пассивный доход: Как я начал дропшиппинг с нуля" ["posted_time"]=> string(27) "5 месяцев назад" ["channelName"]=> string(12) "Mark Tilbury" } [4]=> object(stdClass)#9350 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "UC2vnwCY4T4" ["related_video_title"]=> string(110) "КУРС REACT JS для начинающих - Изучи Реакт с нуля на примере Netflix!" ["posted_time"]=> string(24) "19 часов назад" ["channelName"]=> string(9) "RED Group" } [5]=> object(stdClass)#9368 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "Tbu5oECgPI4" ["related_video_title"]=> string(74) "Курс по Next js 14 - Без воды за 40 минут! RED Essence" ["posted_time"]=> string(19) "1 год назад" ["channelName"]=> string(9) "RED Group" } [6]=> object(stdClass)#9363 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "tiXlND4zP1I" ["related_video_title"]=> string(80) "Восстание в США? / Стрельба и армия на улицах" ["posted_time"]=> string(21) "2 часа назад" ["channelName"]=> string(10) "NEXTA Live" } [7]=> object(stdClass)#9373 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "Th_dLnPmbPw" ["related_video_title"]=> string(80) "ИИ АГЕНТЫ в n8n: Полный гайд для начинающих 2025" ["posted_time"]=> string(21) "1 день назад" ["channelName"]=> string(33) "Владимир Карпухин" } [8]=> object(stdClass)#9349 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "0_h6STdNPHI" ["related_video_title"]=> string(126) "⚡️ Гиперзвуковой удар Ирана по Израилю || Президент пошёл на уступки" ["posted_time"]=> string(21) "3 часа назад" ["channelName"]=> string(23) "Время Прядко" } [9]=> object(stdClass)#9367 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "j701Wi_u2kI" ["related_video_title"]=> string(155) "Репортаж из Израиля: что творится в Тель-Авиве сейчас? | Ракетный обстрел, ответ Ирана" ["posted_time"]=> string(24) "12 часов назад" ["channelName"]=> string(8) "varlamov" } }
Полный курс Redux Toolkit + RTK Query для начинающих | Редакс за 2 часа!

Полный курс Redux Toolkit + RTK Query для начинающих | Редакс за 2 часа!

NextJS 13. Варианты рендеринга - RSC, CSR, SSR, SSG, ISR

NextJS 13. Варианты рендеринга - RSC, CSR, SSR, SSG, ISR

Я РАЗРАБОТАЛ YOUTUBE БУДУЩЕГО на NEXT JS 15 с нуля!

Я РАЗРАБОТАЛ YOUTUBE БУДУЩЕГО на NEXT JS 15 с нуля!

Пассивный доход: Как я начал дропшиппинг с нуля

Пассивный доход: Как я начал дропшиппинг с нуля

КУРС REACT JS для начинающих - Изучи Реакт с нуля на примере Netflix!

КУРС REACT JS для начинающих - Изучи Реакт с нуля на примере Netflix!

Курс по Next js 14 - Без воды за 40 минут! RED Essence

Курс по Next js 14 - Без воды за 40 минут! RED Essence

Восстание в США? / Стрельба и армия на улицах

Восстание в США? / Стрельба и армия на улицах

ИИ АГЕНТЫ в n8n: Полный гайд для начинающих 2025

ИИ АГЕНТЫ в n8n: Полный гайд для начинающих 2025

⚡️ Гиперзвуковой удар Ирана по Израилю || Президент пошёл на уступки

⚡️ Гиперзвуковой удар Ирана по Израилю || Президент пошёл на уступки

Репортаж из Израиля: что творится в Тель-Авиве сейчас? | Ракетный обстрел, ответ Ирана

Репортаж из Израиля: что творится в Тель-Авиве сейчас? | Ракетный обстрел, ответ Ирана

© 2025 dtub. Все права защищены.



  • Контакты
  • О нас
  • Политика конфиденциальности



Контакты для правообладателей: [email protected]