Health Status

...

Vercel

• As funções Serverless permitem que os desenvolvedores escrevam funções em JavaScript e outras linguagens para lidar com autenticação de usuário, envios de formulários, consultas de banco de dados e muito mais.

• Logs nas funções Serverless.

NextJS

• Seguindo o padrão da documentação da vercel + nextjs, você pode entender melhor sobre a organização das rotas da api ou paginas.

Front-end Routes :

OBS : Para as rotas e as requisições a pasta pages não será incluida a rota final sendo : /user/pagename.

/pages/user/pagename

• OBS: Observe que nesse exemplo teriamos um arquivo pagename.ts

• OBS: Se o nome do arquivo/pagina for index.ts então será carregado com o nome da pasta do arquivo exemplo : /pages/user/login

• OBS: Observe que nesse caso teriamos um arquivo index.ts

Back-end Routes :

OBS : Para as rotas e as requisições a pasta pages não será incluida a rota final sendo : /api/user/pagename.

/pages/api/user/pagename

• OBS: Observe que nesse exemplo teriamos um arquivo pagename.ts

• OBS: Se o nome do arquivo/pagina for index.ts então será carregado com o nome da pasta do arquivo exemplo : /pages/api/user/login

• OBS: Observe que nesse caso teriamos um arquivo index.ts

Como rodar

(Vercel-Pro-Way)

Fork o respositorio, entre no site da vercel e importe o projeto, pronto agora é só esperar a vervel criar o dominio e colocar o app online!

O sistema de proteção de rotas funciona com uma hoc (High Order Component), como esse component é recarregado apenas nas rotas que o usuario tem permissão então algumas verificações e dados podem ser salvos e usados nesse component quando necessario! Para proteger uma rota inicie o component <ProtectedRoute />

OBS : Ainda esta faltando configurar corretamente o middleware do Jsonwebtoken.

Ferramentas

Front-End

Frameworks

• React
• Bootstrap

JustLibs

• jsonWebToken
• mdb-react-ui-kit
• axios
• react-dom

Back-End

Frameworks

• NextJS

SDK's

• MercadoPago

JustLibs

• Sequelize
• Mysql2

Languages

Typescript, Javascript

Configuração de ORM (Database)

• User

Rotas Front-End

• /user
  • /login
  • /register
  • /panel
    • /instagram
      • /list
  • /balance
    • /add

Rotas Back-end

• /api
  • /user
    • /login
    • /register
    • /balance
      • /add