configuracao

Home	Sprints	Requisitos	Arquitetura	Configuração	Mockups	Banco de Dados	Instalação	Gerência de Projeto	Horários Disponiveis

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 devem 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.