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.

Assistir agora

1. A aplicação que iremos fazer

Todos os nossos projetos são gratuitos, porém os tutoriais são exclusivos para membros do Codante PRO. Algumas aulas estão abertas para você experimentar.

Se gostar, considere assinar para ter acesso a todos os tutoriais e apoiar o projeto!

Seu Instrutor

Roberto Cestari

Codante.io

Fundador e Professor no Codante.io.

Foi Tech Lead de front-end e professor especialista em React.

Formado e Mestre pela USP e formado pela FGV - EAESP.

Fundador e desenvolvedor da plataforma Trilhante, uma das maiores empresas de educação jurídica do país.

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

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

Assistir agora

Seu Instrutor

Roberto Cestari

Aulas

A aplicação que iremos fazer

Requisitos do Mini Projeto

Explorando a API e o código inicial

Populando tabela com dados da API

Estado da busca na URL

Pegando os dados da URL e passando para a API

Filtro por status

Ordenação crescente e decrescente

Ícones refletindo ordenação

Implementando a paginação

Botões de próximo e anterior

Hook use-debounce

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