Next.js 14 App Router #10 - 10 возможных недопониманий

#nextjs13 #nextjs14 #typescript
00:00 Начало
01:10 Можно ли на Next.js делать full-stack приложения?
03:39 Клиентские компоненты выполняются только на клиенте?
04:42 Как ещё можно сделать компонент клиентским?
08:36 Использовать серверные компоненты или клиентские?
10:10 Как добавить серверный компонент в клиентский?
13:20 В children в клиентском компоненте могут ли быть серверные компоненты?
15:35 Серверные компоненты и SSR. В чём разница?
19:33 Серверные и клиентские компоненты, SSR и SSG. Как взаимодействуют?
21:06 Как часто нам пригодятся Route Handlers?
23:06 State management библиотеки в Next.js

[@---Maksim---]

Спасибо, как обычно, все очень круто)

[@chgrin]

Спасибо за труд! Очень полезно!

[@mr_adw]

Классно рассказываешь, интересно слушать)

[@Mazatanker]

Отлично разжевал неявные моменты доки !

[@artursavchuk2363]

спасибо, за видео очень полезная информация

[@RamaRama-qv3jo]

Спасибо очень содержательно!

[@user-nu7jw2us6y]

спасибо, очень понятно объясняешь

[@user-ds4ik5zu9n]

Спасибо, интересно!

[@arinqwerty]

спасибо большое, твои видосы сохранили мне кучу времени! очень содержательно, хоть я и вырубаюсь в сон от пониженного голоса, главное не слушать комфортно лежа или сидя:) почему автор говорит на пониженных тонах или мне кажется?

[@oqilahmad]

Спасибо большое. Отличный контент. У меня возник вопрос. У меня есть проект в Next js. Сайт для покупки авиабилетов. Мне нужно, чтобы проект выглядел как можно более SSR. Вопрос: Как именно мне следует выполнять Data fetching и SignUp, SignIn. Могу ли я использовать React-Query в своем проекте? Как мне сделать авторизацию в Nextjs?

[@robles2145]

Огромное спасибо! Продолжай в том же духе) Есть ещё вопрос на тему модальных окон. Какой best practice для их реализации? Видел stateless вариант через searchParams. Также конечно можем по классике через useState. Но бывают же кейсы, когда необходимо получить управлением над окном извне. В таких случаях как поступить, подключить стейт менеджер?

[@easydev1205]

если честно не видел по модальным окнам лучшие практики именно для next. Думаю такие же как и в react. По крайней мере на данный момент. Единственное новые типы роутов в next позволяют продвинутые подходы в реализации модальных окон использовать nextjs.org/docs/app/building-your-application/routing/intercepting-routes#modals

[@jahongirsalimov9587]

Спасибо. Отличный контент. А будут ли видео про Nuxt 3?

[@easydev1205]

Планирую. Но наверно не в ближайшее время

[@sashshshasandars1298]

Спасибо, приятно смотреть, выше всяких похвал 🤝 Единственное, что заметил - твоё произношение иногда (просто режет слух)

[@easydev1205]

Спасибо! А что не так в произношении? Просто интересно)

[@maksimkraev2237]

@@easydev1205 местами всё хорошо и тебя легко слушать. А иногда ты говоришь тише, почти шёпотом и медленнее. И тогда воспринимать тебя становится тяжело. Ну и сама смена тональности туда-сюда во время видео напрягает.

[@Kratscrew]

важное уточнение, коотрое может запутать это то что серверные компоненты можно прокидывать в клиенские не обязательно через children, а просто через любой prop

[@easydev1205]

Да, но чаще всего будут использоваться children

[@MrMegaFirestarter]

Всё здорово, но не услышал про экшены, которые используют на клиентской части в формах. Например, когда на клиенте вводят поисковый запрос и нам нужно выполнить запрос на сервере.

[@easydev1205]

server actions? а какие там недопонимания?

[@MrJettann]

Осталось немного непонятно, а как условные поисковые роботы реагируют на клиентские компоненты? Они также хорошо индексируются?

[@easydev1205]

Да, также хорошо. Потому что они пререндерятся на сервере

[@---Maksim---]

То, что возможно пререндерить на сервере - будет сделано на сервере, остальное на клиенте, но поисковые роботы сейчас умеют также и в js, поэтому проблем не будет.

[@CTILET]

Если бы не ты я бы и не понял бы