Caminhos para o sucesso com os Componentes principais

Última atualização: 5 de maio de 2025

Criado para:

  • Desenvolvedor
  • Administrador
  • Usuário

Os Componentes principais são avançados, flexíveis e simples de usar e personalizar. Seguir algumas diretrizes principais, conforme descrito neste documento, garantirá que seu projeto com os Componentes principais seja bem-sucedido.

Dois caminhos para o sucesso

Há duas abordagens básicas para a implementação dos Componentes principais, que podem levar ao sucesso. No entanto, eles têm suas próprias compensações que precisam ser consideradas a cada projeto.

  1. Mapeie seus designs para os Componentes principais e use o HTML que eles fornecem. Ou
  2. Se você precisar estar em conformidade com padrões HTML já definidos, será necessário mais esforço, sem obter todos os benefícios dos componentes principais.

Armadilhas comuns na implementação de componentes

Dois problemas comuns que fazem com que os projetos não tenham êxito com os Componentes principais são:

  • Designs finalizados - Podem até ser aprovados no nível C e são entregues à equipe de desenvolvimento para serem implementados em pixel perfeito, sem preocupação com a tecnologia subjacente.
  • Um guia de estilo HTML em toda a empresa - Com frequência, esses guias devem ser seguidos dogmaticamente pelos componentes que aplicam estilos de uma perspectiva de cima para baixo.

Em ambos os casos, os requisitos exigidos aos componentes são tão rígidos e específicos que dificulta aos Componentes principais ou qualquer componente pronto para uso estar em conformidade com tais requisitos, resultando no desenvolvimento maciço de componentes personalizados.

Iniciar com antecedência

Em vez de considerar apenas os Componentes principais na fase de implementação do seu projeto, comece com os Componentes principais durante a fase de wireframing e design.

Uso da Biblioteca de componentes

Faça referência à Biblioteca de componentes já na fase de design. Os Componentes principais são poderosos e flexíveis e podem levar você até o ponto de partida. Adicione somente componentes personalizados quando houver uma necessidade real de negócios que não possa ser razoavelmente alcançada com um Componente principal.

Uso do kit de interface do usuário para Adobe XD

Assim que houver necessidade comprovada de um componente personalizado, use o kit de interface do Adobe XD, que pode ser baixado aqui, para que os designers comecem a criar os wireframes e os designs usando os Componentes principais como blocos de construção.

Não deixe de usar os recursos avançados

Os recursos do AEM e os Componentes principais podem ser muito poderosos, mas também muito sutis. Por isso, as possibilidades de determinadas funcionalidades podem não ser imediatamente aparentes para um designer.

Fragmentos de conteúdo

Fragmentos de conteúdo - Eles permitem criar conteúdo não vinculado a canais, juntamente com variações (podem ser específicas de cada canal). Em seguida, é possível usar estes fragmentos e suas variações ao criar suas páginas de conteúdo.

Juntamente com o exportador JSON atualizado, os fragmentos de conteúdo estruturados também podem ser usados para fornecer o conteúdo do AEM através do Content Services a canais diferentes das páginas do AEM.