Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Apprendre Comment Récupérer des Données dans Next.js | Récupération et Affichage des Données dans Next.js
Maîtrise de Next.js 14 pour la Création d'Applications Web Modernes

bookComment Récupérer des Données dans Next.js

Examinons les différentes méthodes de récupération des données dans Next.js.

Couche API

Une couche API sert de passerelle entre le code de l’application et la base de données. L’utilisation d’une API peut être envisagée dans les situations suivantes :

  1. Services tiers : En cas d’intégration de services tiers proposant une API ;
  2. Récupération de données côté client : Lors de la récupération de données depuis le client, il est essentiel de disposer d’une couche API côté serveur. Cela permet de sécuriser les informations sensibles de la base de données et d’éviter leur exposition au client.

Requêtes de base de données

Dans une application full-stack, il est également nécessaire de gérer les interactions avec la base de données. Pour les bases de données relationnelles comme Postgres, cela peut être réalisé à l'aide de SQL ou d'un ORM tel que Prisma. Les situations nécessitant l'écriture de requêtes de base de données incluent :

  1. Création de points de terminaison API : Lors du développement des points de terminaison de l'API, il faut écrire la logique permettant d'interagir avec la base de données ;
  2. React Server Components : Si l'on utilise des React Server Components et que l'on récupère les données côté serveur, il est possible de contourner la couche API. Cela permet d'interroger directement la base de données sans risque d'exposer des informations sensibles au client.

Dans notre projet

Nous utiliserons SQL avec le Vercel Postgres SDK pour plusieurs raisons :

  • SQL est la norme pour interroger les bases de données relationnelles ;
  • Apprendre SQL permet de comprendre les bases des bases de données, applicables à divers outils ;
  • SQL est polyvalent pour récupérer et manipuler des données spécifiques ;
  • Le Vercel Postgres SDK protège contre les injections SQL, garantissant des requêtes sécurisées.

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 5. Chapitre 1

Demandez à l'IA

expand

Demandez à l'IA

ChatGPT

Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion

Awesome!

Completion rate improved to 2.08

bookComment Récupérer des Données dans Next.js

Glissez pour afficher le menu

Examinons les différentes méthodes de récupération des données dans Next.js.

Couche API

Une couche API sert de passerelle entre le code de l’application et la base de données. L’utilisation d’une API peut être envisagée dans les situations suivantes :

  1. Services tiers : En cas d’intégration de services tiers proposant une API ;
  2. Récupération de données côté client : Lors de la récupération de données depuis le client, il est essentiel de disposer d’une couche API côté serveur. Cela permet de sécuriser les informations sensibles de la base de données et d’éviter leur exposition au client.

Requêtes de base de données

Dans une application full-stack, il est également nécessaire de gérer les interactions avec la base de données. Pour les bases de données relationnelles comme Postgres, cela peut être réalisé à l'aide de SQL ou d'un ORM tel que Prisma. Les situations nécessitant l'écriture de requêtes de base de données incluent :

  1. Création de points de terminaison API : Lors du développement des points de terminaison de l'API, il faut écrire la logique permettant d'interagir avec la base de données ;
  2. React Server Components : Si l'on utilise des React Server Components et que l'on récupère les données côté serveur, il est possible de contourner la couche API. Cela permet d'interroger directement la base de données sans risque d'exposer des informations sensibles au client.

Dans notre projet

Nous utiliserons SQL avec le Vercel Postgres SDK pour plusieurs raisons :

  • SQL est la norme pour interroger les bases de données relationnelles ;
  • Apprendre SQL permet de comprendre les bases des bases de données, applicables à divers outils ;
  • SQL est polyvalent pour récupérer et manipuler des données spécifiques ;
  • Le Vercel Postgres SDK protège contre les injections SQL, garantissant des requêtes sécurisées.

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 5. Chapitre 1
some-alt