Next.js 13 App Router #1 - Знакомство с Next.js. Роутинг

[@holygeradot]

Класс! Однозначно продолжай, ты для меня единственный русскоязычный блогер, который уже рассказывает про Next 13.4+ )) И, что важнее, очень понятно объясняешь!

[@easydev1205]

Спасибо! Стараемся идти в ногу с прогрессом))

[@Skorokhod_Maxim]

Вау! Как же я люблю когда хорошо излагают материал без сложных терминов. Но особенно мне понравилось как меня "за руку" ведут по документации. Для меня, как для разработчика новичка с маленьким опытом это очень важно. Благодарю!

[@Light-xb6in]

Дружище, это прекрасно, всё понятно и ясно, объясняешь так, что прям совсем тупые как я понимают, спасибо за труд, заслуживаешь намного больше подписчиков и просмотров) Удачи!))

[@Light-xb6in]

Твои видео не только учат но и убаюкивают из за голоса и спокойствия))

[@dmitry_st]

Автору - супер респект, спасибо за контент. Отличный материал и подача.

[@ВячеславС-к1м]

вот такие должны быть обучающие каналы

[@TheLevius]

Достойной уровень. Речевой аппарат в полном порядке, такое не часто встретишь )))

[@ilyapanteleychuk875]

Лучшее что видел по Next. Спасибо!

[@warcraft.mp4889]

Очень понятно и приятно слушать, спасибо) Надеюсь остальной плейлист будет таким же доступным

[@Kensus]

А ведь и правда - очень классно объяснены всякие getЧто-тоТамProps функции, благодарю, easydev)

[@rizvan-dev]

Блин сегодня пересмотрел почти 30-40 видосов на английском, на немецком и на русском про 13 -й NextJs. Скажу честно, этот самый лучший. Ты просто молодец братан🤙

[@easydev1205]

Спасибо!)

[@YuriyParaska]

Спасибо большое, хорошая подача и обьяснение!

[@free_Belarus_free_Ukraine]

Спасибо большое. Вот почти уверен, что автор записывал видео в момент когда уложил маленьких детей спать) Голос именно такой, тихий и спокойный. А по сути очень классное видео. До собеса у меня 30 минут, видео дает все то с чем можно туда идти

[@easydev1205]

Спасибо)

[@B_G_V]

В динамическом роуте откуда в пропсах взялся params? Next сам его автоматически прокидывает?

[@nedoff8231]

Большой спасибо, очень крутой урок!

[@alexsanders7240]

Дуже крутий урок! Сподобалось порівняння старого підходу і нового, корисно для тих хто тільки почав вивчати Next.js. З нетерпінням чекаю наступний урок

[@nikitaukrainec948]

Все дуже круто. Класно що ти пояснюєш фундаментальні речі.

[@VolodkaBobovich]

Настолько четко и все по полочкам, понятно. Хорошая интонация, произношение. Очень круто. Спасибо!

[@nakku_tricks]

Лучший Максимально подробно и понятно

[@KinoTrip_Sub]

Один из лучших курсов

[@efimkapliy6370]

Отличное видео, актуально в 2024!

[@MrBenemon]

Спасибо! Всё так понятно и методично объяснил. Очень понравился урок. Да и монтаж, голос, прям хорошо всё.

[@BaxaBaxa-f9u]

Крутая подача! Спасибо за курс, странно что у такого отличного автора так мало подписчиков.

[@nikogen]

Красавчик. Понятная и структурированная подача материала. Единственный, кто наглядно показал различие старой и новой директорий. Продолжай в том же духе

[@СветланаАндреевна-х8р]

Супер очень помогло разобрать с роутами в новой версии

[@dmitrym840]

Спасибо большое

[@andreievvv]

Спасибо за видео! Очень круто подаешь материал! Жду новых видео!)

[@maximsamorukov2441]

Класс! Но на скорости 1.25 слушать даже лучше.

[@whiteltd5970]

Спасибо за видео, учусь Next надеюсь стану опытнее

[@RamaRama-qv3jo]

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

[@vitalyks]

Спасибо! Очень искал такое видео. Так как есть каша из-за разных версий

[@shortsvideo4570]

Очень крутой урок для новачка. все по полкам

[@justlikemusic7534]

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

[@aidoskabezov3622]

Супер контент, продолжай!

[@ewweeewewweweewwe]

Большое спасибо за урок

[@st.serhio]

спасибо за урок! очень информативно, уверен что наберется много просмотров)

[@trendsgallery]

Easydev - спасибо тебе. Очень крутой ролик! И ты сам очень крутой! Ты мега супер гипер крутой чувак. Очень хорошо объясняешь! Еще раз спасибо!

[@easydev1205]

Спасибо)

[@theoty-js]

Очень полезный ролик. ВСЕМ ТЕМ КТО ХОЧЕТ РАБОТАТЬ НА НОВОЙ ВЕРСИИ NEXT с использованием нового АПП роутинга

[@ВладимирВолощик-ю3ы]

круто! случайно посмотрел. Лайк Подписка. Автор учитель от бога! Next.js, App Router

[@Anonym-li8eb]

Отлично объяснено, спасибо! :)

[@Vadym_S]

Браво!понятно и доступно

[@oleksandraleksieiev3624]

Отличный курс, наткнулся на тебя случайно. Посмотрел только первое видео из плейлиста. Было бы отлично, если бы ты разобрал моменты, связанные с серверной авторизацией в Next

[@arinqwerty]

спасибо

[@maga_frank]

на 30:55 у меня что то map и rules не отображаются. Ошибок нет, перепроверял 100500 раз. Странно однако, писал точь в точь как на видео единственное что отличается это версия. У меня самая новая т.е 13.4.13. Может что поменяли в версии, как думаете? изменено: Перезагрузил сервер и сработало.

[@CTILET]

Оо обожаю! Подписался посмотрим

[@Zhenkaaf]

37:30 не пойму, как без запроса на сервер мы получаем страницу? эта же страница не лежит у нас в браузере у нас в состоянии приложения.. она лежит где-то на сервере.. мы вводим url адрес чтоб её получить.. должен же быть запрос на сервер чтоб получить страницу.. кото может объяснить? Благодарю

[@easydev1205]

Здесь под сервером я имел ввиду сервер API. Возможно нужно было уточнить( То есть данные из API сразу встроились в страницу при сборке. А отдалась она как html уже. Ну и конечно с сервера где расположен наш сайт. То есть не происходит fetch/XHR запроса именно как видно в панели

[@perstj5746]

У меня отсутствует корневой элемент div=""__next""

[@yakovmarkovich6088]

Секундочку, а не могли ли бы объяснить почему при параллельных роутах тексты Мар и Rules выводятся на главной странице но не выводятся на страницах about и contacts? Вроде же должны выводиться как и, например, текст Меню на всех страницах

[@Abramov1]

Подскажите пожалуйста, после сборки проекта создаются страницы. И если ввести неверный url то я получаю ошибку 500 Internal Server Error. Нужно ли ее как-то обрабатывать ? Если да, то как ?

[@oxygen8168]

спасибо за урок, как часто планируешь выпускать новые видео ? Планируешь ли сделать курс по разработке приложения на NextJs без бекенда ? Удачи тебе парень !

[@easydev1205]

Спасибо! Новые видео по возможности, не люблю что-то обещать и не выполнять. Работа, личные дела и тд. много всего. Приложение на next - да планирую. В рамках текущего курса.

[@perstj5746]

А почему нету корневого элемента в next.js а он раньше был

[@gyglejid]

Этот комментарий создан в знак уважения к автору, его трудам и для продвижения его канала.

[@dmitrym840]

Я просто пишу, спасибо большое

[@bark205]

Не могу понять, проблемка возникла, делаю все по уроку, когда пытаюсь перейти на post/12 выдает страницу 404 ошибки, никто не сталкивался?

[@easydev1205]

Скорее всего опечатка где-то

[@Abramov1]

Спасибо, отличный ролик !Вы помогли мне разобраться в данной теме, только есть один вопрос, прошу дайте на него ответ. Я правильно понимаю, что если использовать generateStaticParams, он сам создаст столько страниц ,сколько придет из API ? Просто при разработке я ввожу в адресную строку измененный url и он его принимает и не выдает ошибку 404.

[@easydev1205]

Спасибо за комментарий. Да, количество страниц будет определяться количеством записей на сервере. Сначала нужно запустить генерацию страниц: npm run build. Потом на их основе запустить проект: npm run start

[@Abramov1]

@@easydev1205 спасибо за ответ

[@denismis5915]

а если у нас будет 10 000 названий фильмов, все эти 10 000 страниц сгенерируются при билде ?

[@easydev1205]

Ну да...

[@hryashq]

С динамическими роутами, думаю, лучше использовать SSR. Во - первых, их может быть просто очень много. Во - вторых, при добавлении новых фильмов, придется ребилдить проект, чтобы сгенерить новые страницы. Конечно, можно использовать ISR, но это не решит проблемы. Будет интересно от автора услышать мнение

[@easydev1205]

Почему ISR не решит проблемы? Именно для этого оно и разработано. Кажется прекрасно решает эту проблему

[@ZombaK-sg5bw]

@@hryashq SSR каждый раз генерирует страницу для каждого пользователя. Представьте какой будет нагрузка на сервер например при 20 000+ пользователей. Для этого и существует ISR, который, проще говоря, является SSG с ревалидацией.

[@whiteltd5970]

Начиная с 18 минуты пытаюсь создать все как на видео на версии 13.4.12 не работает роут. Я новичок тапками не бросайте :)

[@---Maksim---]

Турбопак включен?

[@easydev1205]

скорее всего какая-нибудь банальная опечатка. Здесь показан базовый функционал, должен работать во всех версиях

[@whiteltd5970]

@@---Maksim--- сначала включал, а потом выключил

[@whiteltd5970]

@@easydev1205 спасибо, попробую еще раз внимательнее, о результате напишу

[@whiteltd5970]

мне стыдно! использовал путь /app/pages/и тут такая невнимательность в построении архитектуры, теперь моя ошибка дает объяснение в том что нужно больше отдыхать и тогда спустя время видны ошибки :) я фигачил с малым количеством времени отдыха, и много наделал не так, буду продолжать смотреть твои ролики и внедрять большинство классных моментов, радует что хоть тебя понимаю - стараешься объясеять простыми словами! респект тебе! я бы и платную подписку оформил на твой тг канал или что-то подобное если есть такое сообщи

[@boyywnkobe]

Сложна

[@easydev1205]

От уровня зависит. Начинать изучение веб разработки с next конечно не стоит. Сначала лучше с основами познакомиться

[@boyywnkobe]

@@easydev1205 Да я делаю проджект на 12 некст но как то обяснения сложно идут

[@easydev1205]

Ну бывает) некоторые продвинутые моменты можно на потом оставить - они опциональны

[@true227]

Правильно ли я понял, что с помощью next.js можно писать бэк и это альтернатива ноде?

[@easydev1205]

Да, можно писать бэк. Но зависит от проекта. Особо богатую логику на бэке только лишь на next.js вряд ли получится построить.

[@MaxMax123-l8x]

@@easydev1205 да все получится, не переживай

[@easydev1205]

@@MaxMax123-l8x удачи