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"}