1分

Next.js 16の新機能まとめ

Next.jsReactWeb Development

Next.js 16の概要

Next.js 16はReact 19をベースにした大きなアップデートです。

主要な変更点

React Compiler

React Compilerが安定版として統合されました。

// Before: manual memoization
const MemoizedComponent = React.memo(({ data }) => {
  const processed = useMemo(() => transform(data), [data]);
  return <div>{processed}</div>;
});
 
// After: React Compiler handles it automatically
function Component({ data }) {
  const processed = transform(data);
  return <div>{processed}</div>;
}

proxy.ts

middleware.ts が proxy.ts にリネームされました。

まとめ

Next.js 16は開発体験を大きく改善するアップデートです。