В предыдущем посте я рассказывал об улучшении Next.js 16.2 в области ИИ. Сегодня расскажу об улучшениях Next.js 16.2 связанных процессом разработки. Встречайте четыре крутые фичи, которые сильно упростят жизнь разработчикам.

1. Пересылка логов браузерной консоли в терминал Теперь console.log, console.warn и console.error из клиентского кода автоматически появляются в терминале во время разработки. Больше не нужно постоянно открывать DevTools в браузере, что бы проверить, что творится в консоли! Настраивается в next.config.js:

module.exports = { logging: { browserToTerminal: true, // или 'warn' / 'error' }, } Подробности по ссылке https://nextjs.org/docs/app/api-reference/config/next-config-js/logging.

2. --inspect теперь работает и с next start Раньше флаг был только для next dev (pnpm run dev --inspect). В 16.2 его добавили и для production-сервера. Отлично подходит для профилирования CPU/memory в продакшен-подобной среде.

next start --inspect

Про настройку отладки можно посмотреть здесь https://nextjs.org/docs/app/guides/debugging.

3. Индикатор различий при hydration mismatch Ошибка гидратации стала гораздо понятнее. В оверлее теперь отображается чёткий diff: + Client / - Server Сразу видно, какая часть контента разошлась между сервером и клиентом. Огромный плюс для быстрой диагностики! Подробнее про ошибки гидратации смотри здесь https://nextjs.org/docs/messages/react-hydration-error.

4. Логи выполнения Server Functions В dev-режиме в терминале теперь автоматически выводятся все вызовы серверных функций: имя функции, аргументы, время выполнения, путь к файлу. Пример: POST / └─ ƒ myAction(arg1, arg2) in 5ms app/actions.ts Отключается одной строкой в next.config.js:

module.exports = { logging: { serverFunctions: false, },}

Подробнее о настройках можно посмотреть здесь https://nextjs.org/docs/app/api-reference/config/next-config-js/logging.

А какая фича вам понравилась больше всего? Пишите в комментариях 👇