Começando pelo tema do projeto: upload de imagens. Como o desenvolvimento do zero acarretaria em um projeto muito grande. A ideia é que nesses 4 arquivos você tenha um pouco de contato com os 3 principais pontos que queremos abordar nesse projeto: React Query, React Hook Form e Chakra UI.
Tecnologias
Desafio
Imagens
Instalação
Instale as dependências com yarn
Inicie a aplicação com yarn dev
Instação ImgBB
- Criar uma conta no ImgBB
- Criar a sua chave da API
- Copiar o valor dessa chave e colar no seu
.env.local
da seguinte forma:
NEXT_PUBLIC_IMGBB_API_KEY=VALOR_DA_CHAVE_COPIADA
Instação FaunaDB
Tudo que você precisa fazer é criar um banco no FaunaDB com um nome de sua preferência que precisa ter uma coleção chamada images
. Com o banco e coleção criados, basta você criar e copiar a chave do banco no seu arquivo .env.local
da seguinte forma:
FAUNA_API_KEY=VALOR_DA_CHAVE_COPIADA