Next.js - Rotas Api

Rotas de API é uma maneira de criar API rest usando Next.js. Next.js mapeia qualquer arquivo presente em/pages/apipasta e será tratado como ponto final da API. Um exemplo de função API -

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

A seguir estão alguns pontos importantes a serem considerados.

req - req é uma instância de http.IncomingMessage e é usado para obter dados da solicitação.
res - res é uma instância de http.ServerResponse e é usado para enviar dados como resposta.

Vamos criar um exemplo para demonstrar o mesmo.

Neste exemplo, vamos criar um user.js em pages/api diretório.

Vamos atualizar o projeto nextjs usado no capítulo Suporte Global de CSS .

Crie o arquivo user.js no diretório pages / api como segue.

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

Inicie o servidor Next.js

Execute o seguinte comando para iniciar o 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 saída

Abra localhost: 3000 / api / user em um navegador e você verá a seguinte saída.

{"name":"Robert"}

Next page ↱