NextJS 13. Быстрый старт
Вставка
- Опубліковано 4 сер 2024
- Знакомимся с NextJS - главным фреймворком для React. Разбираемся с базовыми возможностями: роутингом, SEO настройками, SSR с серверными компонентами, получение данных на сервере.
Тайм-коды:
00:00 Анонс темы
02:04 Создание next приложения
04:07 Создание страниц
05:10 Включение Turbopack
05:56 Обзор дефолтного содержимого
07:09 Разбор корневого layout
08:57 Meta-данные
09:55 Создание шапки с меню и подвала
12:18 Файловый роутинг
15:56 Дополнительные layout
18:28 Добавление meta для новых страниц
19:33 SEO данные для динамических страниц
20:53 Серверные компоненты
23:13 Получение данных на сервере и кэширование
29:54 Серверные логи
30:55 Файлы loading и error
34:55 Итоги проекта
35:51 Публикация на Vercel
Мои курсы по вебу с купонами:
✅ mishanep.com/
📢 Поддержка канала:
/ mishanep
www.tinkoff.ru/rm/nepomnyasch...
paypal.me/mishanep - Наука та технологія
Next JS - это просто топ. Надеюсь, контента по нексту будет побольше
Большое спасибо за видео!
Миша, шикарное знакомство с Next JS, спасибо тебе большое! Было бы здорово увидеть ещё контент по Нексту)
Замечательная подача материала, спасибо. Очень интересная технология. Жду продолжения!
Как обычно великолепная подача материала. Максимально доступно и понятно. При этом никакой воды 👍
Спасибо за Ваш труд, Михаил. Как обычно все лаконично, все по теме, без лишней воды. Жду продолжения.
Супер! Шикарный обзор по Next JS. Ждем больше видео на эту тему)
Михаил, большое спасибо, было бы здорово увидеть еще видео по next js
Спасибо за Ваш труд! Надеюсь цикл видео по NextJS продолжится
Самый понятный и интересный урок по Next JS, спасибо за работу!
Прям на одном дыхании пересмотрел эти 40 минут, очень много полезной информации
Михаил, даже в отрыве от темы, Вас приятно слушать 👌
Огонь. Это лучший вводник по Next 13 который я видел. Очень жду больше такого контента по этой технологии. Спасибо огромное автору!!!
Спасибо спасибо большое, люблю когда все четко и понятно хоть и на простых проектах
Отличное вводное видео!
Продолжение было бы крайне желательно!!!
Михаил благодарю 🙏 за обзор NextJS! Прошу вас ещё контент на эту тему! Жду с нетерпением!😊
Хотелось бы продолжения! Очень понравилось видео ,как всегда максимально кратко и качественно объясняете
Спасибо, Михаил! Очень актуально. Будет здорово если продолжишь по next'у материал делать.
В интернете много контента на данную тему, но только тут я понял тонкости, которые мне помогли справиться с задачей над которой я бился 3 дня! Круто!
Пожалуй лучшее видео по Next на данный момент. Подписался. Жду продолжения )))
Михаил, спасибо вам огромное, отличное вводное видео, как всегда очень доступное для понимания объяснения!
Михаил, это пушка! Спасибо огромное за работу!
Привет! Я не знаю как так получается, но как только появляется необходимость в быстром изучении библиотеки или нового фреймворка - ты буквально на опережение записываешь ролик. И как всегда: чётко, доходчиво, с нюансами! Просто клад а не канал!
Супер! Единственный нормальный ролик в ру-сегменте про Nextjs13
Класс! Большое спасибо за курс! Очень качественная подача. погнали next! в клиентские компоненты)
Михаил. 👍 Благодарю вас за очень крутой урок по Next-y! 🙏
очень актуальная тема, доступно и подробно объясняешь!!! Благодаря за очень качественную работу!!!
Мужик, ты реально крут, ты снимаешь видео с лайв кодингом без мэканий/бэканий - не каждый так может!!!!!!! Без воды, без запинок
Спасибо за твои видео. Жду продолжения по nextjs
Спасибо за видео! Было бы здорово увидеть продолжение по Next JS.
Finally!! Долгожданный обзор next js от Михаила. Ещё контента про Next js ждём
Отличный фреймворк, как раз для моих задач. Спасибо за доступное объяснение!
Михаил, как всегда все понятно, подробно, жирный лайк и благодарность!
Наконец то! Спасибо! Ждём видео с большим проектом!
Миша, шикарно объясняешь и голос приятный. Подписка однозначно
Гениально и просто, у Вас талант объяснять людям
Настолько все грамотно подано, одно удовольствие смотреть!
Спасибо за видео, уже имел с ним дело однажды, но посмотрел, упорядочил знания и увидел что в нем изменилось )
Огромная благодарность за ваш материал, ждем еще видео по next
Спасибо! Ваше объяснение гораздо приятнее, чем официальная дока
Отличный урок, спасибо Михаил.
Отличный старт в изучении NextJS, спасибо!
Пересматриваю уже 5 раз - все самое основное просто и понятно, такая видео шпаргалка, а вот последующие уроки чуток сложнее
Спасибо, очень интересно, особенно то, что пользователь не видит JS исходников и секретных данных. Хотелось бы продолжения 😌
Очень актуальная тема. Благодарю, Михаил!
Вау. После Redux прям восторг какой-то от NextJS. Спасибо, Миша 👍
Спасибо! Круто, понятно, своевременно, хорошая подача.
Видео отличное, нравится ваша подача, очень понятно, спасибо большое
Отличное видео для ознакомления с next. Спасибо, Михаил!
Отличное видео! продолжайте выпускать и дальше видео в таком направлении! Спасибо большое Вам.
Михаил спасибо за видео, блестящий труд, на 12:42 очень похоже что они взяли идею названия и размещения файлов из FSD архитектуры которая на сегодня вроде как считаеться самым передовым и технологичным решением для фронта ) По этом у них страницы page.tsx в каждой папке, в FSD как раз такое применяется в кратце: философия FSD максимально обособить и сделать независимыми компоненты друг от друга, предлагается даже сервисы не выносить в отдельный файл а в каждой компоненте иметь свой сервис )) На первый взгляд дичь но в итоге можем вырезать и заменить не переписывая пол фронта. Получаеться компонент в себе замыкает все для своей работы.
Михаил спасибо большое за видео! Очень познавательно) мы как раз сейчас на 13 перешли, правда по старому конфигу, без app папки. Буду знать, сколько удобных вещей
Привет Миш, ты меня научил реакту, я теперь на работу хожу, сейчас работаю с реактом + графкуель, и есть еще проект на Nextе, как раз подучусь еще у тебя и нексту, спасибо =)
Миша огромное спасибо! твое видео просто отличное, все стало понятно. До этого десяток пересмотрел ничерта не понял.
Показал все, чего не мог найти у других, однозначно лайк 👍
Огонь, хочется больше контента по NEXTJS!
Отличное видео, огромное спасибо! Да интерес к next 13 огромный сделай ещё пару обучающих видео
Прекрасный урок. Как раз надо обновить знания перед собесом. Расставить все по местам
Учусь по вашему видео, все по полочкам, спасибо. Пожелание - css тоже учитывать в обучении, потому что глаз режет на сколько разные стили в дефолтном примере и какой у Вас, хочется Ваш стиль использовать, чтобы видеть полное соответствие как выполняется учебный пример.
Спасибо за видео! Ждём продолжения
Спасибо за видео. Как раз делаю первый проект на nextjs.
Просто пушка, спасибо огромное!!!
Огромное спасибо за видео. Next невероятно крут)))
Спасибо за контент, продолжайте тему по Нексту!)
Как же круто всё объяснил!
Красава! Классное и полезное видео, больше контента по Next.js!
Огонь!!!! Cупер!!! Рекомендую к просмотру!!
Побольше бы про Некст бро🔥🔥🔥
Браво. Спасибо за очень качественный контент.
Прекрасное объяснение, спасибо Михаил!
Очень качественно! Подписался, лайк поставил
Михаил отличные видосы!
спасибо вам за понятное и внятное объяснение урока
Кратко и лаконично, спасибо)
Супер! С нетерпением жду продолжение!))
Отличный урок, спасибо!
Очень крутое видео! Огромная благодарность вам!
Моё почтение! шикарный ролик! 🚀
Спасибо большое, очень интересный урок.
Ждем от вас новых материалов по Next)
Михаил, огромное спасибо!
ждем еще видео)
Вот это кайф контент, спасибо огромное за гайд
Я последние полгода на нём работал, мне оч зашло) Хотелось бы больше узнать про мидвары
Кайф, спасибо большое за обзорный видос по нексту 13
Это не контент, это контентищееееее (с) Нагиев
Буду смотреть все по нексту)
Просто супер, спасибо! Хотелось бы ещё узнать нюансы использования redux, redux-persist или альтернатив в 13й версии Next без hydration error! 🙂
+1
Крайне полезное видео, спасибо!
Прекрасный урок. Я уже разрабатывал на Next, но это видео открыло для меня другой подход. Видимо до этого я использовал старый метод, без App routing.
было бы здорово увидеть еще видео по next js
Вообще четко и просто ❤
Отлично) Жду следующее видео
спасибо. очень полезно, жду про NextAuth
Самая приятная подача)
Спасибо Миша!!!
Отличное объяснение👍
Спасибо за видео, хороший обзор.
Очень интересно и понятно, спасибо
Спасибо за отличный контент
Нужно продолжать серию видео про Nextjs !!!!
Кратко и лаконично, спасибо
Спасибо за урок❤