alewebcode / desafio-interface-chakraui Goto Github PK

Nesse desafio, o objetivo era criar uma interface com os recursos do Chakra UI.Além disso implementei também os recursos do NextJs como o getStaticProps e getStaticPaths

Antes de tudo, para que você tenha os dados para exibir em tela, criei um arquivo que você poderá utilizar como fake API para prover esses dados.

Para isso, deixei instalado no seu package.json uma dependência chamada json-server, e um arquivo chamado db.json que contém os dados a serem apresentados nas páginas. Para executar esse servidor o seguinte comando deve ser utilizado:

  yarn json-server server.json -p 3333

Para executar a aplicação é necessário instalar as dependências utilizando o comando yarn e após executar o comando yarn dev

Esse projeto foi desenvolvido com as seguintes tecnologias:

• React
• Next.js
• TypeScript
• Chakra Ui