Suas unidades estarão disponíveis em /app/disciplinaX/unidadeX/page.tsx - Faça a organização desses diretórios de acordo com a hierarquia das disciplinas - unidades recebidas.
Para visualizar suas unidades, acesse, em sua barra de endereço do brownser: "http://localhost:3000/disciplinaX/unidadeX", então ela será carregada. Note que essa rota é a mesma que você definiu anteriormente nos diretórios, você está acessando exatamente o caminho de diretórios que você criou para essa unidade.
Dentro do diretório /public/images/unidadeX/imagem.jpg - Obs: O diretório /unidadex deverá ser criado de acordo com a unidade em que você deseja trabalhar para as imagens dentro de /public/images;
- os recursos estruturais da página estarão previamente configurados na página;
- Sempre que for iniciar um bloco de texto, chame o snippet "formatacao-texto", para que ele crie a estrutura de texto padrão.
- caso precise realizar alguma manutenção de css, utilize esta sintaxe: "<div style={{ atributoCssEmCamelCase: 'propriedade css dentro de aspas com texto normal' }}>Lorem ipsum...</div>";
- Caso, em seu roteiro, seja solicitado um recurso que venha com o padrão React, para preencher os atributos, porém você precise, por exemplo, de mais de um parágrafo, experimente passar mais um atributo para o componente, chamado "conteudoHtml: (<div><p>...</p></div>)" e complete as informações utilizando HTML. Em alguns recursos, a opção de HTML estará disponível na própria propriedade de descrição/conteudo, como é o caso do ACORDEÃO.
- Lembre-se de que todos os recursos trabalham com Bootstrap, então você pode passar no atribudo "className" algumas propriedades, caso precise editar alguma informação.
- Para textos dentro de RECURSOS DA BIBLIOTECA (ex: Txt+Img), utiliza-se a tag <p></p> do HTML para parágrafos, não o <TextoComum></TextoComum>.
