NextJS 15 – это последний релиз популярного фреймворка React, который предоставляет разработчикам возможность создавать универсальные приложения с помощью JavaScript. Этот релиз включает в себя несколько значительных улучшений и новых функций, которые упростят разработку и повысят производительность ваших проектов. В этом руководстве мы рассмотрим, что нового было добавлено в NextJS 15 и как обновить ваше приложение до этой версии.
Одним из ключевых нововведений в NextJS 15 является добавление поддержки React 18. Это означает, что вы можете использовать последние возможности и улучшения, которые были внедрены в React 18, в своих проектах NextJS. Кроме того, были внесены улучшения в производительность, такие как улучшения в работе с изображениями и ускорение веб-сборки.
Для обновления вашего приложения до NextJS 15 вам сначала необходимо убедиться, что у вас установлена последняя версия Node.js. Вы можете проверить вашу текущую версию Node.js, запустив команду node -v
в вашем терминале. Если у вас установлена версия Node.js менее 14.0.0, вам необходимо обновить ее до более новой версии.
После того как вы обновили Node.js, вам необходимо установить последнюю версию NextJS. Для этого выполните команду:
npm install next@latest react@latest react-dom@latest
Эта команда обновит все зависимости NextJS и React до последних версий. После того как установка завершится, вам необходимо обновить все зависимости вашего проекта, запустив команду npm update
.
После обновления зависимостей вам следует протестировать ваше приложение, чтобы убедиться, что все работает правильно. Запустите ваше приложение командой npm run dev
и проверьте все функции и страницы. Если у вас возникнут проблемы или ошибки, вам может потребоваться внести некоторые изменения в ваш код, чтобы он был совместим с новыми версиями NextJS и React.
После успешного обновления вашего приложения до NextJS 15, вы сможете воспользоваться всеми новыми возможностями и улучшениями, которые были добавлены в этот релиз. Не забудьте также следить за будущими выпусками NextJS, чтобы быть в курсе всех новинок и улучшений в этом фреймворке.
В этом руководстве мы рассмотрели, что нового принес релиз NextJS 15 и как обновить свое приложение до этой версии. Следуйте этим инструкциям, чтобы получить доступ ко всем новым функциям и улучшениям, которые предоставляет NextJS 15.
Михаил, я соышала про ураган в Испании😮 вы там как? вас не задело?
Михаил, отличная возможность сделать курс по NextJS 15
Привет Михайл, будет ли видео о СЕО и когда динамический контент как делать СЕО? а также техники предзагрузки страниц.
я в одном приложении clerk юзаю. куча ошибок после обновления посыпалось из-за headers(). откатил версию назад.
Спасибо за обзор! Пока не буду переходить, придется подождать когда next-auth обновиться.
И еще один вопрос. Правильно ли я понимаю, что в NextJS не нужно поднимать отдельно backend и настраивать API, а можно прямо в файлах страниц делать нужные запросы в базу данных например?
Михаил, подскажите пожалуйста, а после билда проекта, чтобы его запустить например на хостинге, то в любом случае нужно запускать nodejs?
спасибо за обзор, Михаил
и нафига все это теперь еще для парамс писать авейты😑 кеширование тоже можно было ревалидацией устанавливать. в остальном ладно
Для меня проблемой было даже не то, что кэш для роутов агрессивный, а то, что поведение при разработке и на проде отличается – в разработке кеша нет, а на проде есть. И это уже второй случай несогласованного поведения dev/prod на маленьком проекте с Nextjs 13. Правда, первый случай был более специфический, касался бутстрапа приложения.
Спасибо за обзор. Т.е. в next15 useMemo, useCallback, memo, forwardRef не нужны? Реакт компилятор вы не подключали в видео.
Спасибо за обзор. Как всегда, все понятно, коротко, без воды, по существу.
Михаил, скажите пожалуйста, а в чём вообще смысл юзать NextJS сейчас, если он ещё сырой ? насколько я понимаю реализация серверной части некста ещё в процессе разработки. В чём отличие от React ?
А они собираются что-то делать с ужасно медленным роутингом? Даже турбопак не особо сильно улучшает ситуацию.