Header da aplicação #4
Description
Descreva a feature em detalhes
Precisamos de um header comum para todas as páginas da aplicação. Inicialmente, imagino que ele deve conter:
- A logo do Laguinho (que retorna para a página principal)
- Botão para realizar o Login (ser redirecionado para essa página)
- Um menu com possíveis links para outras páginas importantes da aplicação (a definir)
- Uma barra de pesquisa (por datasets)
- Link para obter mais informações sobre a OpenDevUFCG
Necessidade da feature:
Todas as páginas, com certeza, irão compartilhar de um mesmo Header e para manter o padrão visual, podemos reutilizá-lo.
Como ela pode ser implementada:
Pode ser criado um componente em uma pasta em ./src/components e esse componente ser adicionado ao componente da aplicação do Next, o _app.js.
Link útil na documentação:
https://nextjs.org/docs/basic-features/layouts
Contexto adicional:
A logo do Laguinho está em #2 .
Podemos utilizar como inspiração, o próprio site do NPM, cujo header é fixo em todas as páginas:
https://www.npmjs.com/
Quanto aos links para outras páginas importantes da aplicação, penso que pode ser construído um componente de menu, com listagem horizontal e eventualmente iremos adicionando conteúdo (links) ali. Um possível link será para a página de listagem de datasets.