Skip to content

👩‍💻 Repositório para armazenar todos os componentes referentes a aplicação Frontend do projeto

Notifications You must be signed in to change notification settings

comitivaesperanca/frontend

Repository files navigation

Radar da soja Web

🆘 Como executar?

A plataforma é feita em Next e usando Typescript:

Para executar a plataforma, é necessário ter o Docker instalado na máquina.

Inicialmente, clone o repositório para sua máquina, seguindo os passos abaixos:

git clone

Em seguida, execute o comando:

npm install

Em seguida, execute o comando:

docker-compose up -d --build

Após a execução do comando, a plataforma estará disponível para uso.

Mais informações

Para saber mais sobre o NextJS e suas tecnologias, acesse os seguintes recursos:

Next.JS Rendering

Clique para expandir

Pre-rendering

Por padrão, o Next.js pré-renderiza cada página. Isso significa que o Next.js gera o HTML para cada página com antecedência, em vez de ter tudo feito pelo JavaScript do lado do cliente. O pré-processamento pode resultar em melhor desempenho e SEO

SSR: Server-side rendering

O Next.js irá pré-renderizar esta página em cada solicitação usando os dados retornados por getServerSideProps.

https://nextjs.org/docs/basic-features/data-fetching/get-server-side-props

SSG: Static-site generation

O Next.js irá pré-renderizar esta página no momento da construção usando as props retornadas por getStaticProps.

No desenvolvimento (next dev), getStaticProps será chamado em cada solicitação.

https://nextjs.org/docs/basic-features/data-fetching/get-static-props

CSR: Client-side rendering

Se feito no nível da página, os dados são buscados em tempo de execução, e o conteúdo da página é atualizado conforme os dados mudam. Quando usado no nível do componente, os dados são buscados no momento da montagem do componente, e o conteúdo do componente é atualizado conforme os dados mudam.

https://nextjs.org/docs/basic-features/data-fetching/client-side

Pacotes Instalados

  1. Axios
  2. Tailwind
  3. ChartJS
  4. FlowBite
  5. Eslint
    1. https://github.com/jsx-eslint/eslint-plugin-react