19 постов
Эта ошибка — родная сестра базового «Hydration failed because the initial UI does not match», но в Next.js часто показывается с уточнением: «server rendered HTML didn't match the client». В консоли —…
Зоя Хомякова Запускаешь npm run dev, а вместо знакомого ready on http://localhost:3000 получаешь:Error: listen EADDRINUSE: address already in use :::3000Порт 3000 уже кем-то занят. Чаще всего это твой же…
Камилла Куницына Эту ошибку получаешь, когда импортируешь Node-модуль (fs, path, net, crypto) в код, который собирается под браузер. У бандлера webpack нет браузерной реализации fs, и он честно говорит «не могу…
Камилла Куницына Эту ошибку видел каждый, кто хоть раз писал на Next.js или другом SSR-фреймворке. В консоли — большая красная плашка про несовпадение разметки на сервере и на клиенте. Чаще всего разработчик идёт в…
Камилла Куницына В App Router есть два способа сделать серверный эндпоинт: route handler (app/api/.../route.ts) и Server Action ("use server" функция). Оба запускаются на сервере, оба умеют ходить в БД, оба могут…
Юлия Скворцова Server actions в Next 15 — это удобно. Но удобно настолько, что начинаешь применять их везде подряд, и через месяц у тебя в проекте 200 серверных функций, которые делают всё подряд: от мутаций до…
Артём Карпов Ошибка Hydration failed because the initial UI does not match what was rendered on the server — самое раздражающее в Next.js. На первый взгляд кажется случайной, и каждый раз приходится копаться. На…
Антон Зверев VK ID — отдельная история. Это не классический OAuth провайдер первой свежести: за последние два года VK переделывал API дважды, а часть инструкций в интернете отстаёт от реальности. Я подключала…
Лариса Орловская Yandex Cloud Functions — serverless-платформа в Yandex Cloud. По концепции близка к AWS Lambda: загружаешь архив с кодом, настраиваешь триггер, платишь за вызовы и время. Я разворачивал Next.js на…
Ярослав Медведев Параллельные роуты — фишка App Router, до которой не каждый доходит. Пока ты не столкнёшься с конкретной задачей, она кажется сложной и слабо нужной. На самом деле это решение для трёх сценариев:…
Артём Карпов Я последние три года живу в обоих фреймворках одновременно: контентные сайты собираю на Astro, продуктовые приложения — на Next.js. К 2026 году стало проще объяснять разницу: фреймворки разъехались…
Никита Воробьёв Next/image — одна из тех штук, которые работают «как бы сами», и из-за этого в большинстве проектов настроены неправильно. Картинки приезжают в полном размере, sharp ест память, а LCP не проседает…
Юлия Скворцова Когда переезжаешь с pages router на app router, первое, что замечаешь: половина мест, где раньше стоял Redux или Zustand, больше не нужна. Серверные компоненты сами знают данные, и тащить их через…
Юлия Скворцова Я переносила два больших Next.js-приложения с pages router на app router. Первое — за два с половиной месяца, второе — за полтора. В обоих случаях это была не «героическая суббота с кофе», а…
Юлия Скворцова Раз в полгода я сажусь и проверяю, что у меня в бандле. Без этого через год проект превращается в склад случайно протащенных библиотек, и страница, которая раньше весила 95 КБ gzipped, начинает…
Юлия Скворцова Middleware в Next.js — одна из тех штук, которыми сначала хочется решить всё. Авторизация — middleware. Редирект — middleware. A/B-тесты — middleware. Логирование — middleware. Через полгода ты…
Юлия Скворцова Server Actions преподносят как «теперь не нужно писать API-эндпоинты». Это правда ровно настолько же, насколько и неправда. На простых формах действительно не нужно. На всём остальном — нужно, просто…
Юлия Скворцова Я сначала тоже ненавидела server components. Год назад мы переезжали с pages router на app router в Next.js, и первые две недели я ходила и бубнила, что всё это сломанная абстракция. Потом…
Юлия Скворцова На прошлой неделе закончил миграцию большого проекта с Pages Router на App Router. Это уже третья такая операция за карьеру, и каждый раз нахожу что-то новое — модель Next.js за это время сильно…
Артём Карпов