Trilha

Next.js

2. Projeto

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

Login

⭐ Resolva o Projeto

  • Informações do Projeto
  • Submeta sua Resolução
  • Resolução

    Introdução

  • A aplicação que iremos fazer
  • Requisitos do Mini Projeto
  • Explorando a API e o código inicial
  • Implementando Funcionalidades

  • 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
  • ⭐ Resolva o Projeto

  • Informações do Projeto
  • Submeta sua Resolução
  • Resolução

    Introdução

  • A aplicação que iremos fazer
  • Requisitos do Mini Projeto
  • Explorando a API e o código inicial
  • Implementando Funcionalidades

  • 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
  • A aplicação que iremos fazer

    Abordamos a construção de uma aplicação com busca textual, filtros, ordenação e paginação usando Next.js. Implementamos essas funções no back-end, utilizando uma API própria. Não discutimos design, já que o layout está pronto.