Next.js 14 App Router #10 - 10 возможных недопониманий
HTML-код
- Опубликовано: 20 июн 2024
- #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
Классно рассказываешь, интересно слушать)
Спасибо, как обычно, все очень круто)
Спасибо за труд! Очень полезно!
Спасибо очень содержательно!
Отлично разжевал неявные моменты доки !
спасибо, за видео
очень полезная информация
спасибо, очень понятно объясняешь
Спасибо, интересно!
спасибо большое, твои видосы сохранили мне кучу времени! очень содержательно, хоть я и вырубаюсь в сон от пониженного голоса, главное не слушать комфортно лежа или сидя:) почему автор говорит на пониженных тонах или мне кажется?
Огромное спасибо! Продолжай в том же духе)
Есть ещё вопрос на тему модальных окон. Какой best practice для их реализации? Видел stateless вариант через searchParams. Также конечно можем по классике через useState. Но бывают же кейсы, когда необходимо получить управлением над окном извне. В таких случаях как поступить, подключить стейт менеджер?
если честно не видел по модальным окнам лучшие практики именно для next. Думаю такие же как и в react. По крайней мере на данный момент. Единственное новые типы роутов в next позволяют продвинутые подходы в реализации модальных окон использовать nextjs.org/docs/app/building-your-application/routing/intercepting-routes#modals
Спасибо большое. Отличный контент.
У меня возник вопрос. У меня есть проект в Next js. Сайт для покупки авиабилетов. Мне нужно, чтобы проект выглядел как можно более SSR. Вопрос: Как именно мне следует выполнять Data fetching и SignUp, SignIn. Могу ли я использовать React-Query в своем проекте? Как мне сделать авторизацию в Nextjs?
Спасибо. Отличный контент. А будут ли видео про Nuxt 3?
Планирую. Но наверно не в ближайшее время
Спасибо, приятно смотреть, выше всяких похвал 🤝
Единственное, что заметил - твоё произношение иногда (просто режет слух)
Спасибо! А что не так в произношении? Просто интересно)
@@easydev1205 местами всё хорошо и тебя легко слушать. А иногда ты говоришь тише, почти шёпотом и медленнее. И тогда воспринимать тебя становится тяжело. Ну и сама смена тональности туда-сюда во время видео напрягает.
важное уточнение, коотрое может запутать это то что серверные компоненты можно прокидывать в клиенские не обязательно через children, а просто через любой prop
Да, но чаще всего будут использоваться children
Всё здорово, но не услышал про экшены, которые используют на клиентской части в формах. Например, когда на клиенте вводят поисковый запрос и нам нужно выполнить запрос на сервере.
server actions? а какие там недопонимания?
Осталось немного непонятно, а как условные поисковые роботы реагируют на клиентские компоненты? Они также хорошо индексируются?
Да, также хорошо. Потому что они пререндерятся на сервере
То, что возможно пререндерить на сервере - будет сделано на сервере, остальное на клиенте, но поисковые роботы сейчас умеют также и в js, поэтому проблем не будет.
Если бы не ты я бы и не понял бы