Популярное

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

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

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

Топ запросов

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

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

Автор: RED Group

Загружено: 2023-03-19

Просмотров: 108397

Описание:

💎 Оформить премиум подписку - 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)#9420 (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" } [1]=> object(stdClass)#9393 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "etC5TVVsAA4" ["related_video_title"]=> string(77) "NEXT JS 15 с НУЛЯ за 90 минут — ПОЛНЫЙ КУРС 2025!" ["posted_time"]=> string(21) "7 дней назад" ["channelName"]=> string(9) "RED Group" } [2]=> object(stdClass)#9418 (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" } [3]=> object(stdClass)#9425 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "uAI8nWt1wcw" ["related_video_title"]=> string(144) "Новинка 2025 | Экшен боевик | Джейсон Стейтхем | Криминальная драмма | Фильм в Full HD" ["posted_time"]=> string(24) "18 часов назад" ["channelName"]=> string(12) "jorgeortiz01" } [4]=> object(stdClass)#9404 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "-MLD7phzg0E" ["related_video_title"]=> string(165) "Горят города Израиля! Более 250 000 граждан покинули страну! Чрезвычайная ситуация в Израиле!" ["posted_time"]=> string(21) "1 день назад" ["channelName"]=> string(54) "Революция Высоких Технологий" } [5]=> object(stdClass)#9422 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "uUrpicDpiWs" ["related_video_title"]=> string(100) "Покушение на Зеленского / Предатель в Офисе президента" ["posted_time"]=> string(20) "21 час назад" ["channelName"]=> string(10) "NEXTA Live" } [6]=> object(stdClass)#9417 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "UC2vnwCY4T4" ["related_video_title"]=> string(72) "REACT 19 с НУЛЯ за 2 часа — ПОЛНЫЙ КУРС 2025!" ["posted_time"]=> string(22) "10 дней назад" ["channelName"]=> string(9) "RED Group" } [7]=> object(stdClass)#9427 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "HXnRJZlLtwA" ["related_video_title"]=> string(85) "Тёма Сенюков — Next.js. Как ты вообще рендеришь?" ["posted_time"]=> string(19) "1 год назад" ["channelName"]=> string(80) "HolyJS — конференция для JavaScript‑разработчиков" } [8]=> object(stdClass)#9403 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "VbH7RFY0IT4" ["related_video_title"]=> string(115) "Full-Stack с нуля: ПЛАН действий для тех, кто проспал последние 10 лет" ["posted_time"]=> string(21) "2 года назад" ["channelName"]=> string(14) "Egor Malkevich" } [9]=> object(stdClass)#9421 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "SB7a0Ifhg3I" ["related_video_title"]=> string(172) "ОСЕЧКИН: "Не могу сказать матом, НО.." кого выдал Трамп, что с Медведевым, кого кинул Путин, Шойгу" ["posted_time"]=> string(24) "11 часов назад" ["channelName"]=> string(24) "И Грянул Грэм" } }
Курс по Next js 14 - Без воды за 40 минут! RED Essence

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

NEXT JS 15 с НУЛЯ за 90 минут — ПОЛНЫЙ КУРС 2025!

NEXT JS 15 с НУЛЯ за 90 минут — ПОЛНЫЙ КУРС 2025!

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

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

Новинка 2025 | Экшен боевик | Джейсон Стейтхем | Криминальная драмма |  Фильм в Full HD

Новинка 2025 | Экшен боевик | Джейсон Стейтхем | Криминальная драмма | Фильм в Full HD

Горят города Израиля! Более 250 000 граждан покинули страну! Чрезвычайная ситуация в Израиле!

Горят города Израиля! Более 250 000 граждан покинули страну! Чрезвычайная ситуация в Израиле!

Покушение на Зеленского / Предатель в Офисе президента

Покушение на Зеленского / Предатель в Офисе президента

REACT 19 с НУЛЯ за 2 часа — ПОЛНЫЙ КУРС 2025!

REACT 19 с НУЛЯ за 2 часа — ПОЛНЫЙ КУРС 2025!

Тёма Сенюков — Next.js. Как ты вообще рендеришь?

Тёма Сенюков — Next.js. Как ты вообще рендеришь?

Full-Stack с нуля: ПЛАН действий для тех, кто проспал последние 10 лет

Full-Stack с нуля: ПЛАН действий для тех, кто проспал последние 10 лет

ОСЕЧКИН:

ОСЕЧКИН: "Не могу сказать матом, НО.." кого выдал Трамп, что с Медведевым, кого кинул Путин, Шойгу

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



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



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