Next.js - Rutas Api

API Routes es una forma de crear una API de descanso utilizando Next.js. Next.js mapea cualquier archivo presente en/pages/apicarpeta y se tratará como punto final de la API. Un ejemplo de función API:

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

A continuación se presentan algunos puntos importantes a considerar.

  • req - req es una instancia de http.IncomingMessage y se usa para obtener datos de la solicitud.

  • res - res es una instancia de http.ServerResponse y se usa para enviar datos como respuesta.

Creemos un ejemplo para demostrar lo mismo.

En este ejemplo, vamos a crear un user.js en pages/api directorio.

Actualicemos el proyecto nextjs utilizado en el capítulo Soporte global de CSS .

Cree el archivo user.js en el directorio pages / api de la siguiente manera.

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

Inicie el servidor Next.js

Ejecute el siguiente comando para iniciar el servidor:

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

Verificar salida

Abra localhost: 3000 / api / user en un navegador y verá el siguiente resultado.

{"name":"Robert"}