Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprende Cómo Obtener Datos en Next.js | Obtención y Visualización de Datos en Next.js
Dominio de Next.js 14 para Construir Aplicaciones Web Modernas

bookCómo Obtener Datos en Next.js

Analicemos los diferentes métodos para recuperar datos en Next.js.

Capa de API

Una capa de API actúa como un puente entre el código de tu aplicación y la base de datos. Puedes considerar el uso de una API en las siguientes situaciones:

  1. Servicios de terceros: Si estás integrando servicios de terceros que ofrecen una API;
  2. Obtención de datos del lado del cliente: Al obtener datos desde el cliente, es fundamental contar con una capa de API en el servidor. Esto ayuda a mantener seguros los secretos de tu base de datos, evitando su exposición al cliente.

Consultas a la base de datos

En una aplicación full-stack, también es necesario gestionar las interacciones con la base de datos. Para bases de datos relacionales como Postgres, esto se puede lograr utilizando SQL o un ORM como Prisma. Los casos en los que es necesario escribir consultas a la base de datos incluyen:

  1. Creación de endpoints de API: Al desarrollar los endpoints de la API, se debe escribir la lógica para interactuar con la base de datos;
  2. Componentes de servidor de React: Si se utilizan componentes de servidor de React y se obtienen datos en el servidor, es posible omitir la capa de API. Esto permite consultar la base de datos directamente sin riesgo de exponer información sensible al cliente.

En nuestro proyecto

Utilizaremos SQL con el Vercel Postgres SDK por varias razones:

  • SQL es el estándar para consultar bases de datos relacionales;
  • Aprender SQL ayuda a comprender los fundamentos de las bases de datos, aplicable a diversas herramientas;
  • SQL es versátil para obtener y manipular datos específicos;
  • El Vercel Postgres SDK protege contra inyecciones SQL, garantizando consultas seguras.

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 5. Capítulo 1

Pregunte a AI

expand

Pregunte a AI

ChatGPT

Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla

Awesome!

Completion rate improved to 2.08

bookCómo Obtener Datos en Next.js

Desliza para mostrar el menú

Analicemos los diferentes métodos para recuperar datos en Next.js.

Capa de API

Una capa de API actúa como un puente entre el código de tu aplicación y la base de datos. Puedes considerar el uso de una API en las siguientes situaciones:

  1. Servicios de terceros: Si estás integrando servicios de terceros que ofrecen una API;
  2. Obtención de datos del lado del cliente: Al obtener datos desde el cliente, es fundamental contar con una capa de API en el servidor. Esto ayuda a mantener seguros los secretos de tu base de datos, evitando su exposición al cliente.

Consultas a la base de datos

En una aplicación full-stack, también es necesario gestionar las interacciones con la base de datos. Para bases de datos relacionales como Postgres, esto se puede lograr utilizando SQL o un ORM como Prisma. Los casos en los que es necesario escribir consultas a la base de datos incluyen:

  1. Creación de endpoints de API: Al desarrollar los endpoints de la API, se debe escribir la lógica para interactuar con la base de datos;
  2. Componentes de servidor de React: Si se utilizan componentes de servidor de React y se obtienen datos en el servidor, es posible omitir la capa de API. Esto permite consultar la base de datos directamente sin riesgo de exponer información sensible al cliente.

En nuestro proyecto

Utilizaremos SQL con el Vercel Postgres SDK por varias razones:

  • SQL es el estándar para consultar bases de datos relacionales;
  • Aprender SQL ayuda a comprender los fundamentos de las bases de datos, aplicable a diversas herramientas;
  • SQL es versátil para obtener y manipular datos específicos;
  • El Vercel Postgres SDK protege contra inyecciones SQL, garantizando consultas seguras.

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 5. Capítulo 1
some-alt