Estrutura

Visão geral

Ao clonar o projeto, você verá uma pasta project, na qual está contida a estrutura do projeto:

• src: Pasta que contém o projeto do site

• gatsby-config.js: Arquivo de configurações do Gatsby. Nele você poderá encontrar todos os plugins utilizados no projeto e também os metadados do site

• package-lock.json: Arquivos que descreve as características das dependências usadas no projeto

• package.json: Arquivo de configuração do Node.js

Existem outros arquivos, mas não há grande importância em descrevê-los.

Pasta src

Todo o projeto está concentrado na pasta src. A estrutura dessa pasta é dada por:

• assets: Pasta com as mídias utilizadas no site

• components: Pasta com os componentes construídos para o projeto

• enums: Pasta com estruturas de conteúdo que ajudam na manutenção do site

• functions: Pasta com algumas funções utilizadas na lógica do front-end

• pages: Pasta que contém as páginas do site

• styles: Pasta com os arquivos CSS utilizados pela pasta pages

Assets

Na pasta assets podem ser encontradas outras três pastas:

• images: Imagens utilizadas no projeto, vão desde logos de projetos até imagens de fundo da página.

• logos: Todas as logos do Elas@Computação

• redes-sociais: Logos de redes sociais

Os demais diretórios são maiores e mais complexos, portanto, falaremos deles separadamente em seções diferentes.