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

• React Query
• React Hook Form
• ImgBB
• FaunaDB
• API do Next.js
• Figma

Desafio

Desafio

Figma

Imagens

Instalação

Instale as dependências com yarn

Inicie a aplicação com yarn dev

Instação ImgBB

1. Criar uma conta no ImgBB
2. Criar a sua chave da API
3. 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

GitHub

View Github