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.
Instale as dependências com yarn
Inicie a aplicação com yarn dev
- Criar uma conta no ImgBB
- Criar a sua chave da API
- Copiar o valor dessa chave e colar no seu
.env.localda seguinte forma:NEXT_PUBLIC_IMGBB_API_KEY=VALOR_DA_CHAVE_COPIADA
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