Como Construir Aplicações Ultrarrápidas com Next.js App Router e Prisma

O Next.js App Router revolucionou a maneira como construímos aplicações React no servidor.

Por que usar Server Components?

Com Server Components, reduzimos drasticamente o bundle de JavaScript enviado ao navegador. Os dados são buscados diretamente no servidor ao lado do banco de dados MySQL via Prisma, eliminando requisições extras do lado do cliente (waterfalls).

// Exemplo de busca direta no servidor
import { prisma } from '@/lib/prisma';

export async function ProjectsList() { const projects = await prisma.project.findMany({ where: { featured: true }, orderBy: { createdAt: 'desc' } });

return ( <div className="grid grid-cols-1 md:grid-cols-2 gap-6"> {projects.map((project) => ( <ProjectCard key={project.id} project={project} /> ))} </div> ); } ```

Conclusão Combinando Next.js, Prisma e Docker, você obtém um ecossistema produtivo e pronto para qualquer escala.