Next.js - Percorsi Api

Percorsi API è un modo per creare API rest utilizzando Next.js. Next.js mappa qualsiasi file presente in/pages/apicartella e verrà considerato come endpoint API. Un esempio di funzione API -

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

Di seguito sono riportati alcuni punti importanti da considerare.

  • req - req è un'istanza di http.IncomingMessage e viene utilizzato per ottenere dati dalla richiesta.

  • res - res è un'istanza di http.ServerResponse e viene utilizzato per inviare dati come risposta.

Creiamo un esempio per dimostrare lo stesso.

In questo esempio, creeremo un user.js in pages/api directory.

Aggiorniamo il progetto nextjs utilizzato nel capitolo Global CSS Support .

Crea il file user.js nella directory pages / api come segue.

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

Avvia Next.js Server

Eseguire il comando seguente per avviare il server -.

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

Verifica output

Apri localhost: 3000 / api / user in un browser e vedrai il seguente output.

{"name":"Robert"}