Hero

Создаём с Next.js

Всё о Next.js и современной веб-разработке

  • Новости фронтенда: Май 2025

    13 мая 2025 г.
    Новости фронтенда: Май 2025

    1. Next.js 15.3: Новые хуки и ускоренные сборки

    • Turbopack для продакшена (альфа): улучшены скорость и надёжность сборки.
    • Новые хуки навигации: onNavigate, useLinkStatus для контроля переходов.
    • Клиентская инструментализация: новый API для раннего сбора метрик.
    • TypeScript plugin: лучше работает с крупными проектами.

    2. React 19: Новые хуки для управления состоянием

    • useActionState: асинхронное управление формами и действиями.
    • useFormStatus: контроль состояния форм.
    • useOptimistic: оптимистичный UI без сложной логики.

    Всё это улучшает UX и упрощает реализацию интерактивных интерфейсов.

    3. TypeScript 5.9: Более умная проверка кода

    • Анализ unreachable кода: компилятор лучше распознаёт недостижимые ветки.
    • Более точные типы в if/else и return.
    • Переезд компилятора на Go (экспериментально): ускорение и снижение потребления памяти.

    4. CSS 2025: Контейнерные запросы и scroll-animations

    • Container Queries: стилизация компонентов на основе их размера.
    • Scroll-Linked Animations: нативная прокрутка + анимации без JS.
    • :has() — CSS селектор, заменяющий часть логики JS (широко поддерживается).

    5. Bun 1.1: Быстрее, компактнее, совместимее

    • Поддержка Vite и React 19: теперь можно использовать Bun как дев-сервер.
    • Фреймворк Bunx: минималистичная альтернатива Next.js.
    • bun pm — альтернатива npm/yarn/pnpm: быстрее установка, строгая изоляция.
    • Поддержка .env, JSX и ESM — прямо «из коробки».

Актуальные посты

  • Виды рендеринга в Next.js

    Основные методы рендеринга в Next.js 15 — SSG, SSR, ISR, CSR — с примерами, их влиянием на SEO и возможностями стриминга через React Server Components.

    Читать далее
  • Next.js 15.2

    Next.js 15.2 включает обновления для отладки ошибок, метаданных, Turbopack и других аспектов

    Читать далее
  • Отладка кода (debugging) в Next.js

    Отладка кода включает в себя консольные логи, инструменты разработчика, отладку API, профилирование производительности и анализ ошибок.

    Читать далее
  • Composable Caching

    Next.js представил Composable Caching — новый подход к кэшированию, который упрощает управление кэшем на разных уровнях приложения, от данных до компонентов и страниц.

    Читать далее
Все посты

© 2025 Next.js Craft