Skip to content

Site para decisão precisa da sua vida profissional.

Notifications You must be signed in to change notification settings

journey-etecct/flyvoo-web

Repository files navigation

Flyvoo WEB (Next-js com Typescript)

O projeto tem dois Router's (um pra quando o usuário está logado e outro para quando o usuário NÂO estiver logado). O primeiro vai estar marcado com um // USUÁRIO LOGADO e o outro vai estar marcado com // USUÁRIO NÃO LOGADO.

O projeto já está pronto para adicionar novas telas que funcionam com roteamento nos seus devidos Routers. Para adicionar uma nova rota, é só criar uma pasta com um index.tsx e adicionar a função exportada no Router do page.tsx inicial. Exemplo:

<Router>
  ...
  <Routes>
    ...
    <Route path="/caminhoDaRota" Component={ComponenteDaRotaCriada}></Route>
    ...
  </Routes>
</Router>

Para criação de componentes, apenas crie uma pasta com um index.tsx na pasta components. Para importar imagens, videos etc., coloque-os na pasta public do projeto e referencie como se o projeto estivesse no public. Exemplo:

<Image src="/img/logo.png" width={84} height={64} alt="Logo do Flyvoo" />

Imagem localizada em: public/img/logo.png