NextJS 13. Быстрый старт

Знакомимся с 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

[@user-nk6ih7uh1h]

Next JS - это просто топ. Надеюсь, контента по нексту будет побольше Большое спасибо за видео!

[@MrAlexVelik]

Миша, шикарное знакомство с Next JS, спасибо тебе большое! Было бы здорово увидеть ещё контент по Нексту)

[@IgorWolf]

Спасибо за Ваш труд, Михаил. Как обычно все лаконично, все по теме, без лишней воды. Жду продолжения.

[@visionxpro6956]

Мужик, ты реально крут, ты снимаешь видео с лайв кодингом без мэканий/бэканий - не каждый так может!!!!!!! Без воды, без запинок

[@anton7p704]

Михаил, большое спасибо, было бы здорово увидеть еще видео по next js

[@eduardgrigoryan6052]

Спасибо спасибо большое, люблю когда все четко и понятно хоть и на простых проектах

[@nikolaysmolov8031]

Привет! Я не знаю как так получается, но как только появляется необходимость в быстром изучении библиотеки или нового фреймворка - ты буквально на опережение записываешь ролик. И как всегда: чётко, доходчиво, с нюансами! Просто клад а не канал!

[@abilitydrafter]

Спасибо за Ваш труд! Надеюсь цикл видео по NextJS продолжится

[@user-pi1vr6rf1k]

Как обычно великолепная подача материала. Максимально доступно и понятно. При этом никакой воды 👍

[@yurisorokin8016]

Замечательная подача материала, спасибо. Очень интересная технология. Жду продолжения!

[@helloglobalme9689]

Прям на одном дыхании пересмотрел эти 40 минут, очень много полезной информации

[@artmus9687]

Самый понятный и интересный урок по Next JS, спасибо за работу!

[@victormog]

Отличное вводное видео! Продолжение было бы крайне желательно!!!

[@sozdanie-saytov]

Пересматриваю уже 5 раз - все самое основное просто и понятно, такая видео шпаргалка, а вот последующие уроки чуток сложнее

[@sharkman6434]

Михаил спасибо за видео, блестящий труд, на 12:42 очень похоже что они взяли идею названия и размещения файлов из FSD архитектуры которая на сегодня вроде как считаеться самым передовым и технологичным решением для фронта ) По этом у них страницы page.tsx в каждой папке, в FSD как раз такое применяется в кратце: философия FSD максимально обособить и сделать независимыми компоненты друг от друга, предлагается даже сервисы не выносить в отдельный файл а в каждой компоненте иметь свой сервис )) На первый взгляд дичь но в итоге можем вырезать и заменить не переписывая пол фронта. Получаеться компонент в себе замыкает все для своей работы.

[@ooldstar]

Супер! Единственный нормальный ролик в ру-сегменте про Nextjs13

[@adamburke4496]

Михаил, даже в отрыве от темы, Вас приятно слушать 👌

[@artyomnazarov8518]

Супер! Шикарный обзор по Next JS. Ждем больше видео на эту тему)

[@vyacheslavtoshchev9437]

В интернете много контента на данную тему, но только тут я понял тонкости, которые мне помогли справиться с задачей над которой я бился 3 дня! Круто!

[@user-uk5tj3qn5q]

Спасибо за твои видео. Жду продолжения по nextjs

[@IT-Svyatoslav]

Михаил благодарю 🙏 за обзор NextJS! Прошу вас ещё контент на эту тему! Жду с нетерпением!😊

[@adamarturov6361]

Хотелось бы продолжения! Очень понравилось видео ,как всегда максимально кратко и качественно объясняете

[@max_livi]

Огонь. Это лучший вводник по Next 13 который я видел. Очень жду больше такого контента по этой технологии. Спасибо огромное автору!!!

[@dada1990cleo]

Михаил, это пушка! Спасибо огромное за работу!

[@styxrus]

Спасибо, Михаил! Очень актуально. Будет здорово если продолжишь по next'у материал делать.

[@artemalekseevich4656]

Михаил, спасибо вам огромное, отличное вводное видео, как всегда очень доступное для понимания объяснения!

[@sairexes2443]

Отличный фреймворк, как раз для моих задач. Спасибо за доступное объяснение!

[@artemkamyshenkov3492]

Спасибо! Ваше объяснение гораздо приятнее, чем официальная дока

[@DevAccount-rq4ni]

Михаил, как всегда все понятно, подробно, жирный лайк и благодарность!

[@AndranikArshakyan]

Гениально и просто, у Вас талант объяснять людям

[@vadicus6534]

Отличный урок, спасибо Михаил.

[@vladimirkusakin]

Михаил. 👍 Благодарю вас за очень крутой урок по Next-y! 🙏

[@alexanderkomanov4151]

Наконец то! Спасибо! Ждём видео с большим проектом!

[@sozdanie-saytov]

Пожалуй лучшее видео по Next на данный момент. Подписался. Жду продолжения )))

[@Bondarev_Igor]

Спасибо за видео! Было бы здорово увидеть продолжение по Next JS.

[@protonys]

Спасибо, очень интересно, особенно то, что пользователь не видит JS исходников и секретных данных. Хотелось бы продолжения 😌

[@kotegav7798]

Класс! Большое спасибо за курс! Очень качественная подача. погнали next! в клиентские компоненты)

[@Anonym-li8eb]

Отличный старт в изучении NextJS, спасибо!

[@BenjaminSergushin]

Finally!! Долгожданный обзор next js от Михаила. Ещё контента про Next js ждём

[@walhix2269]

Огромная благодарность за ваш материал, ждем еще видео по next

[@alexles5003]

Прекрасный урок. Как раз надо обновить знания перед собесом. Расставить все по местам

[@user-rx1dg3tk8c]

Миша, шикарно объясняешь и голос приятный. Подписка однозначно

[@biLLie_wiLLie]

Очень актуальная тема. Благодарю, Михаил!

[@user-wp3ng9du9f]

Спасибо! Круто, понятно, своевременно, хорошая подача.

[@andrejgoryachev1988]

Видео отличное, нравится ваша подача, очень понятно, спасибо большое

[@polarpando]

Спасибо за видео, уже имел с ним дело однажды, но посмотрел, упорядочил знания и увидел что в нем изменилось )

[@andrewsam224]

Огонь!!!! Cупер!!! Рекомендую к просмотру!!

[@Sylar7773]

Просто пушка, спасибо огромное!!!

[@user-sc4eo2ts9n]

Отличное видео! продолжайте выпускать и дальше видео в таком направлении! Спасибо большое Вам.

[@slavkapiyavka]

Отличное видео для ознакомления с next. Спасибо, Михаил!

[@user-si1fw9tr1z]

Спасибо за видео! Ждём продолжения

[@argeninho]

Показал все, чего не мог найти у других, однозначно лайк 👍

[@gregdmitriev2784]

Вау. После Redux прям восторг какой-то от NextJS. Спасибо, Миша 👍

[@unlimitedgames8357]

Огонь, хочется больше контента по NEXTJS!

[@annettabel]

Спасибо за видео. Как раз делаю первый проект на nextjs.

[@vlasdv6472]

Отличное видео, огромное спасибо! Да интерес к next 13 огромный сделай ещё пару обучающих видео

[@user-ze8mg2kb7l]

Учусь по вашему видео, все по полочкам, спасибо. Пожелание - css тоже учитывать в обучении, потому что глаз режет на сколько разные стили в дефолтном примере и какой у Вас, хочется Ваш стиль использовать, чтобы видеть полное соответствие как выполняется учебный пример.

[@user-ds4ik5zu9n]

Миша огромное спасибо! твое видео просто отличное, все стало понятно. До этого десяток пересмотрел ничерта не понял.

[@bagga_lev]

Михаил спасибо большое за видео! Очень познавательно) мы как раз сейчас на 13 перешли, правда по старому конфигу, без app папки. Буду знать, сколько удобных вещей

[@vallraven]

Как же круто всё объяснил!

[@melodystic]

Огромное спасибо за видео. Next невероятно крут)))

[@sergeykondratev5721]

Кратко и лаконично, спасибо)

[@TheKykp]

Привет Миш, ты меня научил реакту, я теперь на работу хожу, сейчас работаю с реактом + графкуель, и есть еще проект на Nextе, как раз подучусь еще у тебя и нексту, спасибо =)

[@dreamer_vi905]

Браво. Спасибо за очень качественный контент.

[@Kirdaro]

Спасибо большое, очень интересный урок.

[@user-rm7oz4xu3k]

Спасибо за контент, продолжайте тему по Нексту!)

[@user-fc4iv9xv1j]

Ждем от вас новых материалов по Next)

[@isaacjon]

Побольше бы про Некст бро🔥🔥🔥

[@SwaidiSwaidi]

Красава! Классное и полезное видео, больше контента по Next.js!

[@TarasovFrontDev]

Очень крутое видео! Огромная благодарность вам!

[@nataliak6347]

Отличный урок, спасибо!

[@unknown.6914]

Прекрасное объяснение, спасибо Михаил!

[@sys9975]

Вот это кайф контент, спасибо огромное за гайд

[@user-ff3lc1et3u]

Спасибо за отличный контент

[@Skvdev]

Очень качественно! Подписался, лайк поставил

[@user-fn2ud8ec3i]

Михаил отличные видосы!

[@ValentinProtasevich]

Михаил, огромное спасибо! ждем еще видео)

[@user-um9ex8jn5n]

Супер! С нетерпением жду продолжение!))

[@user-pj8mz9yb9v]

было бы здорово увидеть еще видео по next js

[@hibiride]

Моё почтение! шикарный ролик! 🚀

[@Leon-rv2zm]

Кайф, спасибо большое за обзорный видос по нексту 13

[@skirrsolo4077]

обожнюю ваш канал!

[@ViktorHugo-je6rq]

Спасибо Миша!!!

[@jullpic]

Прекрасный урок. Я уже разрабатывал на Next, но это видео открыло для меня другой подход. Видимо до этого я использовал старый метод, без App routing.

[@pixelwinner]

Крайне полезное видео, спасибо!

[@artyomtaranenko2267]

Я последние полгода на нём работал, мне оч зашло) Хотелось бы больше узнать про мидвары

[@user-sq5fr5su3t]

Просто супер, спасибо! Хотелось бы ещё узнать нюансы использования redux, redux-persist или альтернатив в 13й версии Next без hydration error! 🙂

[@vladhonchenko2886]

+1

[@Mr.Bellamy]

Это не контент, это контентищееееее (с) Нагиев Буду смотреть все по нексту)

[@Lotpite]

Вообще четко и просто ❤

[@user-tt3bc7yk8r]

спасибо. очень полезно, жду про NextAuth

[@kaber6400]

Отлично) Жду следующее видео

[@i_l_y_a]

Нужно продолжать серию видео про Nextjs !!!!

[@aleksandrzelenskiy4000]

Очень интересно и понятно, спасибо

[@romantrutnev9467]

Самая приятная подача)

[@user-df2sw9sg4j]

Спасибо за видео, хороший обзор.

[@andranikhambardzumyan6264]

Кратко и лаконично, спасибо

[@user-np6fx3vq2s]

Отличное объяснение👍

[@finjakeoff5957]

конечно интересно больше узнать! лайк и коммент по дэфолту.

[@user-dp8el9yw2j]

Здравствуйте, Михаил. Мне нравиться как вы преподносите материалы, по веб разработке. Если можно пожалуйста больше контента, по beckenb and front enb

[@vvgl48ru]

супер ... больше контента по NEXTу !