Outras Melhorias

Função after()

Antes de mais nada, o que é a função after()?

A função permite que alguma tarefa secundária seja realizada depois de uma Response ser enviada ao cliente.

Isso faz com que essas tarefas não bloqueiem a execução e o tempo de resposta.

Por exemplo, logar alguma coisa.

• Vamos fazer um GET route handler. Ele simplesmente vai responder com um olá mundo, mas irá logar no console algum dado do nosso request (user-agent).

• Supondo que esse log demore 1 segundo, vamos ver o que acontece

Exemplo

app/api/route.ts

import { after } from 'next/server';

export async function GET(request: Request) {
  after(async () => {
    await new Promise((resolve) =>
      setTimeout(() => {
        console.log(request.headers.get('user-agent'));
        resolve(true);
      }, 3000)
    );
  });

  return new Response('Hello, world!');
}

ESLint flat Config - V9

Agora o Next vem com a versão 9 do ESLint, que traz o chamado flatconfig - que é em substituição ao modelo anterior que funcionava como cascata.

Todas as regras e configs são definidas em um único arquivo.