Crie um aplicativo Next.js que inclua uma página para listar produtos obtidos da API do DummyJSON (utilizando o endpoint de produtos com suporte a busca por texto via parâmetro 'q' e paginação via 'limit' e 'skip', utilizando a DummyJSON API; Implemente um sistema de paginação para navegar pelos resultados e uma funcionalidade de busca por texto para filtrar os produtos, exibindo ID e nome.

Documentação auxiliar

• Documentação da API do DummyJSON
• Documentação do Next.js
• Documentação do Shadcn
• Documentação do Tailwind

Tipos de dados

• Produto:

type Product = {
  id: number;
  title: string;
};

Critérios de avaliação

• Exibição de produtos: O aplicativo deve exibir o ID e o nome de cada produto. (25 pts)
• Funcionalidade de busca por texto: O aplicativo deve permitir que o usuário busque produtos por nome. (25 pts)
• Paginação: O aplicativo deve permitir que o usuário navegue pelos resultados usando paginação. (25 pts)
• Carregamento: O aplicativo deve exibir um indicador de carregamento enquanto os produtos são buscados. (15 pts)
• Erro: O aplicativo deve exibir uma mensagem de erro caso ocorra um erro ou não seja encontrado nenhum produto durante a busca dos produtos. (10 pts)