Configuração para desenvolvimento do backend
É recomendado o uso das seguintes extensões do VSCode:
Configuração para desenvolvimento do frontend:
É recomendado o uso das seguintes extensões do VSCode:
No arquivo settings.json
adicione o seguinte trecho de código:
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true
},
Este arquivo pode ser encontrado com: CTRL+SHIFT+P
, Open user settings(JSON)
Desta forma, a ação de salvar do seu editor vai resolver todos os problemas relacionados ao ESLint ( que incluem as estilizações do Prettier ).
Variáveis de ambiente
Desenvolvimento
Para o desenvolvimento, são utilizadas três variáveis que devem ser colocadas no arquivo .env do front end:
-
NEXT_PUBLIC_API_URL
=''
-
NEXT_PUBLIC_GA_API_KEY
=''
-
NEXT_PUBLIC_LOGO_URL
=''
Estas variáveis são privadas e podem ser encontradas no arquivo entregue aos stakeholders.
Infraestrutura
CI/CD
Para o CI/CD, devem ser configuradas as seguintes variáveis de ambiente na plataforma de versionamento e CI/CD utilizada ( Github, Gitlab, etc ):
-
MR_AUTOMATION_TOKEN
=Deve ser habilitada nos Access Tokens da plataforma de CI/CD para que seja possível a automação de comentários de deploy de preview em cada Merge Request
-
VERCEL_ORG_ID
=Tokens gerados pela Vercel para conectar o repositório ao ambiente de deploy
-
VERCEL_PROJECT_ID
=Tokens gerados pela Vercel para conectar o repositório ao ambiente de deploy
-
VERCEL_TOKEN
=Tokens gerados pela Vercel para conectar o repositório ao ambiente de deploy
As variáveis relacionadas à Vercel são privadas e podem ser encontradas no arquivo entregue aos stakeholders. Caso seja utilizado o sistema automático de CI/CD da Vercel no futuro, essas variáveis de CI/CD podem ser descartadas.
Deploy
No ambiente da Vercel deve ser configuradas as mesmas variáveis de ambiente utilizadas no desenvolvimento. Importante lembrar que é possível utilizar variáveis de ambiente diferentes para os ambientes de Preview e Production, segue um exemplo na imagem abaixo.