Next.js 15: Novidades e Melhorias do Framework React

O Next.js 15 Chegou

O Next.js, framework React mais popular para produção, lançou sua versão 15 com mudanças significativas que impactam diretamente seus projetos.

Principais Novidades

1. React Server Components por Padrão

Componentes são Server Components por padrão, reduzindo JavaScript no cliente. Para componentes interativos, use a diretiva 'use client'.

2. Turbopack Estável em Desenvolvimento

O bundler baseado em Rust da Vercel oferece atualizações 10x mais rápidas que o Webpack em projetos grandes.

3. Cache Semântico

O comportamento padrão agora é sem cache para fetch requests. Use cache: 'force-cache' para optar pelo cache.

4. App Router Melhorado

• Paralel Routes: Múltiplas páginas no mesmo layout
• Intercepting Routes: Modais sem perder a URL

Exemplo Prático

// app/produtos/page.tsx
async function ProdutosPage() {
    const produtos = await fetch('https://api.exemplo.com/produtos')
    const data = await produtos.json()
    return (
        <div>
            <h1>Produtos</h1>
            {data.map(p => (
                <div key={p.id}>{p.nome}</div>
            ))}
        </div>
    )
}

Migrando do 14 para o 15

npm install next@latest react@latest react-dom@latest

Conclusão

Next.js 15 consolida o framework como a plataforma mais completa para React em produção, com RSCs, Turbopack e cache mais intuitivo.