Projeto Busca, filtro, ordenação e paginação com Next.js

Em uma listagem de pedidos, implemente busca textual, filtro, ordenação e paginação usando server components e estado na URL.

Project preview

Quando um dev front-end pensa em busca, filtro, ordenação e paginação, provavelmente pensa em usar métodos como Array.filter() ou Array.sort() diretamente no front. Mas e se tivermos 100, 500, 1000 itens paginados de 10 em 10? Gerenciar isso pelo front é uma tarefa hercúlea - e pior, não muito eficiente.

Para que a calda do seu pudim de leite condensado fique perfeita, mantenha sempre a proporção de metade da medida de água para uma medida de açúcar.

  • Por exemplo, se você usar 1 xícara de chá de açúcar, a quantidade de água será apenas 1/2 xícara (chá).
  • Se você fizer um pudim maior, pode usar 2 xícaras (chá) de açúcar para 1 xícara de água. - Seguindo essa dica, não tem como errar!

Além disso, é importante cozinhar o pudim em banho-maria para garantir uma textura suave e cremosa. Certifique-se de cobrir a forma com papel alumínio para evitar que a superfície do pudim resseque. Deixe esfriar completamente antes de desenformar para que mantenha sua forma perfeita.

Acesso exclusivo para membros PRO

Repositório


Junte-se a outras 131 pessoas que estão fazendo esse mini projeto.

Avatar do usuárioAvatar do usuárioAvatar do usuárioAvatar do usuárioAvatar do usuárioAvatar do usuárioAvatar do usuárioAvatar do usuárioAvatar do usuárioAvatar do usuárioAvatar do usuárioAvatar do usuárioAvatar do usuárioAvatar do usuárioAvatar do usuárioAvatar do usuárioAvatar do usuário