Como Buscar Dados no Next.js

Vamos discutir os diferentes métodos de obtenção de dados no Next.js.

Camada de API

Uma camada de API atua como uma ponte entre o código da aplicação e o banco de dados. Considere utilizar uma API nas seguintes situações:

1. Serviços de terceiros: Ao integrar serviços de terceiros que oferecem uma API;
2. Busca de dados no lado do cliente: Ao buscar dados no cliente, é fundamental ter uma camada de API no servidor. Isso ajuda a manter os segredos do banco de dados protegidos, evitando exposição ao cliente.

Consultas ao Banco de Dados

Em uma aplicação full-stack, também é necessário lidar com interações com o banco de dados. Para bancos de dados relacionais como o Postgres, isso pode ser feito utilizando SQL ou um ORM como o Prisma. Situações em que é necessário escrever consultas ao banco de dados incluem:

1. Criação de Endpoints de API: Ao desenvolver seus endpoints de API, é preciso implementar a lógica para interagir com o banco de dados;
2. React Server Components: Se estiver utilizando React Server Components e buscando dados no servidor, é possível ignorar a camada de API. Isso permite consultar o banco de dados diretamente sem risco de expor informações sensíveis ao cliente.

No nosso Projeto

Utilizaremos SQL com o Vercel Postgres SDK por alguns motivos:

• SQL é o padrão para consultas em bancos de dados relacionais;
• Aprender SQL ajuda a compreender os fundamentos de bancos de dados, aplicáveis a diversas ferramentas;
• SQL é versátil para buscar e manipular dados específicos;
• O Vercel Postgres SDK protege contra injeções de SQL, garantindo consultas seguras.