Skip to content

Apresentando o CodanteVagas

O CodanteVagas é um job board. Esta é uma aplicação em que um usuário é capaz de procurar vagas, cadastrar novas vagas e visualizar detalhes de vagas de emprego, além de páginas estáticas como home e sobre.

Construímos toda a aplicação no workshop passado. Neste workshop, vamos incrementá-la com algumas funcionalidades mais avançadas.

A aplicação inicial

Vamos mostrar aqui a aplicação inicial e a aplicação final.

Home

Esta é a raiz da aplicação, a landing page. Note que há basicamente três seções (que continuam ao longo de toda a aplicação):

  • Navbar
  • Main
  • Footer

Home

Sobre

Na página sobre, vamos entender na prática sobre o novo roteamento da pasta app do Next.js.

Sobre

Busca de Vagas

Vamos para dados dinâmicos! Entender data fetching com o Next.js, exibição de dados e, quem sabe, uma busca!

Jobs

Cadastro de Vagas

Esta seção trará tudo sobre Server Actions! Vamos fazer mutação de dados de acordo com as melhores práticas e de forma moderna do React, deixando mais tênue a linha divisória entre backend e frontend.

New Job

Detalhes de Vaga

Aqui, vamos deixar nossa aplicação mais funcional - nosso usuário precisa de mais informações sobre a vaga - e é isso que iremos trazer aqui.

Job

A aplicação final

Middleware para página em manutenção

Vamos criar uma página para modo de manutenção que será controlada por um middleware:

alt text

Loading States e Filtros

Vamos criar telas que respondem de forma mais rápida, mesmo quando os dados demoram a chegar. Também vamos implementar um filtro de busca.

alt text

Paginação

Também vamos implementar uma paginação.

alt text