Web Survival

Back-end - The internet survival kit

Demonstration:

Front-end repo

Google Sheets Integration

Gerando credenciais

1. Acessar Console Google Cloud
2. No topo da plataforma temos "Google Cloud Platform", ao lado, temos um seletor de projetos
3. Clicamos nele ou em criar projeto
4. Caso tenha projetos, basta clicar, abrirá um modal, onde criaremos um novo projeto
5. Alteramos o nome do projeto e clicamos em "criar"
6. Aguarda a criação do projeto, um modal será aberto no lado direito da página
7. Clicamos em "selecionar o projeto"
8. No lado esquerdo, temos o menu da plataforma, clicamos em "APIs e Serviços"
9. Em "Painel", clicamos em "ativar apis e serviços"
10. Buscamos por "sheets" e selecionamos
11. Devemos clicar em "ativar"
12. Seremos redirecionado para a tela de "APIS e serviços Google Sheets"
13. Acessamos "credenciais"
14. No topo da página, temos a opção de "criar credenciais"
15. Selecionamos "contas de serviço"
16. Damos um nome pra conta, pode ser o mesmo nome do projeto
17. Depois é só continuar e concluir
18. Será criado um e-mail para a conta de serviço. Devemos copiar esse e-mail
19. Agora a gente abre o menu e vamos no tópico "IAM e administrador"
20. Na opção "contas de serviço", no topo, clicamos no e-mail da conta de serviço
21. Seremos redirecionado para a tela de detalhes
22. Vamos em "chaves"
23. Agora na opção "adicionar chave", selecionamos "JSON" e criar
24. O download das credenciais será feito

Configurando a planilha no sheets

• Com o e-mail copiado do tópico 18, vamos ao sheets
• Após acessar uma planilha qualquer, vamos em compartilhar
• Colamos o e-mail e deixamos com a opção de editor ativa
• Compartilhamos e está feito

Configurando a api do Sheets em nível de código

• Precisamos importar o arquivo JSON gerado (tópico 24), na raiz do projeto
• O arquivo precisa ser nomeado como credentials
• Acessamos a planilha novamente, no link dela, devemos extrair o id:

https://docs.google.com/spreadsheets/d/NESSE_ESPAÇO_FICA_O_ID/edit#gid=0

https://docs.google.com/spreadsheets/d/2UF23YLAbOc_AFCF4VxVUBiaXojo0oZpQRI3q8xZOtIw/edit#gid=0

id: 2UF23YLAbOc_AFCF4VxVUBiaXojo0oZpQRI3q8xZOtIw

• Pegamos esse id e salvamos no arquivo .env, no campo SHEETS_ID
• As credenciais, devemos colocar no arquivo .env, no campo CREDENTIALS`, no formato de string

Redis implementation

For this project I used Redis Online as Vercel does not support docker-compose

In my tests if I was used a local Redis with docker-compose the UX would be better (going from 88 ms to 6 ms)

Comparison

no cache:

---

with cache: