Introduction

Next.js 16 brings powerful new tools alongside React 19. The App Router is now the recommended default.

Server Components

With Server Components, data fetching happens directly inside the component:

async function Page() {
  const data = await fetch('/api/posts');
  return <PostList posts={data} />;
}

Hydration cost drops to near zero, dramatically reducing page load times.

• Automatic code splitting
• Parallel data fetching
• Edge runtime support

This is a simple paragraph.

A second paragraph follows with an inline link.