Construindo a Página de Faturas
Parabéns! Cobrimos todos os conceitos fundamentais do Next.js. Agora você está preparado para construir diversos tipos de aplicações utilizando Next.js.
A partir de agora, exploraremos conceitos avançados que são opcionais para alguns aplicativos ou projetos. No entanto, adquirir conhecimento sobre esses conceitos pode ser altamente benéfico.
De volta ao Projeto
Vamos direcionar nosso foco para a página de Faturas e prosseguir com seu desenvolvimento.
Por favor, copie e cole o código a seguir em app/dashboard/invoices/page.tsx. Reserve um tempo para inspecionar e compreender o propósito deste código.
O aplicativo possui três funcionalidades principais:
Searchpermite que os usuários encontrem faturas específicas;Paginationpossibilita a navegação entre páginas de faturas;Tableexibe todas as faturas disponíveis.
Utilizaremos parâmetros de busca na URL para gerenciar o estado da pesquisa, o que pode ser novidade caso esteja acostumado a usar estado no lado do cliente.
Os benefícios incluem:
- Usuários podem salvar nos favoritos ou compartilhar o estado atual do aplicativo, incluindo consultas de pesquisa e filtros, já que os parâmetros fazem parte da URL;
- Parâmetros na URL facilitam a renderização no lado do servidor, simplificando diretamente a configuração do estado inicial no servidor;
- Com os detalhes da pesquisa na URL, o rastreamento do comportamento do usuário se torna mais simples, exigindo menos lógica no lado do cliente.
Vamos avançar com essa abordagem no próximo capítulo.
Na Prática
Obrigado pelo seu feedback!
Pergunte à IA
Pergunte à IA
Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo
Can you explain how the commented-out Suspense and Pagination components will be used?
What is the purpose of using URL search parameters for the search functionality?
Can you provide more details about how server-side rendering works with this setup?
Awesome!
Completion rate improved to 2.08Construindo a Página de Faturas
Deslize para mostrar o menu
Parabéns! Cobrimos todos os conceitos fundamentais do Next.js. Agora você está preparado para construir diversos tipos de aplicações utilizando Next.js.
A partir de agora, exploraremos conceitos avançados que são opcionais para alguns aplicativos ou projetos. No entanto, adquirir conhecimento sobre esses conceitos pode ser altamente benéfico.
De volta ao Projeto
Vamos direcionar nosso foco para a página de Faturas e prosseguir com seu desenvolvimento.
Por favor, copie e cole o código a seguir em app/dashboard/invoices/page.tsx. Reserve um tempo para inspecionar e compreender o propósito deste código.
O aplicativo possui três funcionalidades principais:
Searchpermite que os usuários encontrem faturas específicas;Paginationpossibilita a navegação entre páginas de faturas;Tableexibe todas as faturas disponíveis.
Utilizaremos parâmetros de busca na URL para gerenciar o estado da pesquisa, o que pode ser novidade caso esteja acostumado a usar estado no lado do cliente.
Os benefícios incluem:
- Usuários podem salvar nos favoritos ou compartilhar o estado atual do aplicativo, incluindo consultas de pesquisa e filtros, já que os parâmetros fazem parte da URL;
- Parâmetros na URL facilitam a renderização no lado do servidor, simplificando diretamente a configuração do estado inicial no servidor;
- Com os detalhes da pesquisa na URL, o rastreamento do comportamento do usuário se torna mais simples, exigindo menos lógica no lado do cliente.
Vamos avançar com essa abordagem no próximo capítulo.
Na Prática
Obrigado pelo seu feedback!
