Next.js - Routes d'API

API Routes est un moyen de créer une API de repos à l'aide de Next.js. Next.js mappe tout fichier présent dans/pages/apidossier et sera traité comme point final de l'API. Un exemple de fonction API -

export default (req, res) => {
   ...
}

Voici quelques points importants à considérer.

  • req - req est une instance de http.IncomingMessage et est utilisée pour obtenir des données à partir de request.

  • res - res est une instance de http.ServerResponse et est utilisé pour envoyer des données en réponse.

Créons un exemple pour démontrer la même chose.

Dans cet exemple, nous allons créer un user.js dans pages/api annuaire.

Mettons à jour le projet nextjs utilisé dans le chapitre Global CSS Support .

Créez le fichier user.js dans le répertoire pages / api comme suit.

export default (req, res) => {
   res.statusCode = 200
   res.setHeader('Content-Type', 'application/json')
   res.end(JSON.stringify({ name: 'Robert' }))
}

Démarrez le serveur Next.js

Exécutez la commande suivante pour démarrer le serveur -.

npm run dev

> [email protected] dev D:\Node\nextjs
> next

ready - started server on http://localhost:3000
info  - Loaded env from D:\Node\nextjs\.env.local
event - compiled successfully
event - build page: /api/user
wait  - compiling...
event - compiled successfully
event - build page: /next/dist/pages/_error
wait  - compiling...
event - compiled successfully

Vérifier la sortie

Ouvrez localhost: 3000 / api / user dans un navigateur et vous verrez la sortie suivante.

{"name":"Robert"}