Filtro, busca e paginação na URL com Next.js 14 / 15
🔗 Link do Mini Projeto no Codante: https://codante.io/mini-projetos/busc...
Nesse vídeo vamos adicionar filtros, busca, paginação e ordenação com estado na URL usando o Next.js 14 e Server Components.
Capítulos
00:00:00 - A aplicação que iremos fazer
00:01:25 - Requisitos do Mini Projeto
00:08:43 - Explorando a API e o código inicial
00:15:33 - Populando tabela com dados da API
00:25:58 - Estado da busca na URL
00:37:41 - Pegando os dados da URL e passando para a API
00:44:56 - Filtro por status
00:56:34 - Ordenação crescente e decrescente
01:07:35 - Ícones refletindo ordenação
01:11:42 - Implementando a paginação
01:27:24 - Botões de próximo e anterior
01:37:27 - Hook use-debounce
O que você vai aprender:
NextAuth v14 com Server Components
Estado na URL / State in URL
Estratégias de filtro, paginação, ordenação e busca
useDebounce na busca
Смотрите видео Filtro, busca e paginação na URL com Next.js 14 / 15 онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Codante - Evolua no front-end 10 Июнь 2024, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 4,826 раз и оно понравилось 364 людям.