Заметки про React: “Релиз Next.js 15 Вышел релиз Next.js 15. Можно обновиться как вручную,…”

Релиз Next.js 15

Вышел релиз Next.js 15. Можно обновиться как вручную, так и автоматически, используя CLI. Коротко о новых фичах:

- Изменения в API асинхронных запросов. Такие функции как headers, cookies, params и searchParams стали асинхронными. Пример использования:


import { cookies } from 'next/headers';
 
export async function AdminPanel() {
  const cookieStore = await cookies();
  const token = cookieStore.get('token');
 
  // ...
}

- fetch запросы, обработчики GET роутов и клиентская навигация не будут по умолчанию кэшироваться. Для fetch запросов появился дополнительный параметр cache: force-cache и no-store.
Параметр force-cache используется для получения данных из кэша, если есть данные, или производит запрос.
Параметр no-store всегда производит запрос.


fetch('https://...', { cache: 'force-cache' | 'no-store' });

- Используется React 19 RC для App Router. Осталась обратная поддержка React 18 для Pages Router. Добавлена поддержка React Compiler. Улучшена читаемость ошибок гидратации – показывается дифф сервер/клиент.

- Улучшения в Turbopack Dev: стал быстрее, стабильнее.

- Добавлен компонент Form с поддержкой прогрессивного улучшения. При сабмите будет происходить переход на страницу в action с параметрами.


import Form from 'next/form';
 
export default function Page() {
  return (
    <Form action="/search">
      <input name="query" />
      <button type="submit">Submit</button>
    </Form>
  );
}

- Поддержка TypeScript в файле конфига. Можно использовать файл next.config.ts.

https://nextjs.org/blog/next-15