Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprenda Como Buscar Dados no Next.js | Busca e Exibição de Dados no Next.js
Domínio do Next.js 14 para Construção de Aplicações Web Modernas

bookComo 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.

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 5. Capítulo 1

Pergunte à IA

expand

Pergunte à IA

ChatGPT

Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo

Awesome!

Completion rate improved to 2.08

bookComo Buscar Dados no Next.js

Deslize para mostrar o menu

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.

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 5. Capítulo 1
some-alt