#F5F5F5
Recursos do Adobe Experience Manager Sites

Desenvolvimento rápido

O Adobe Experience Manager Sites foi desenvolvido para se adequar aos fluxos de trabalho de desenvolvimento. Com vanilla JS, HTML e CSS, você pode desenvolver experiências de alto desempenho em instantes. O conjunto amplo de APIs facilita o acesso ao conteúdo e a personalização do CMS, enquanto o código padrão permite a criação de experiências da Web que priorizam o desempenho.

https://main--bacom--adobecom.hlx.page/fragments/products/modal/videos/adobe-experience-manager/sites/developer-tools/optimized-boilerplate-code#optimized | AEM Sites boilerplate code with GitHub integration for version control. Includes blocks, styles, and component folders.

Código padrão otimizado

Inicie o desenvolvimento com a base de código padrão da Adobe, um modelo de projetos aprimorado que oferece um ótimo ponto de partida à criação de experiências com classificação verde no Core Web Vitals. Com ela, desenvolvedores podem iniciar projetos com facilidade, minimizar códigos desnecessários e ter um tempo de carregamento de página rápido.

Separação de competências

Assegure a total agilidade dos desenvolvedores ao separar código, conteúdo e design. Essa separação permite que a criação de conteúdo ocorra paralelamente ao design e ao desenvolvimento, tornando o processo mais modular e ágil. Ela também simplifica a manutenção ao facilitar o desenvolvimento, a depuração e a atualização de aplicativos Web, melhorando a velocidade e a eficiência do desenvolvimento.

Adobe Experience Manager Sites lets you troubleshoot, reload, and publish code and content separately to improve development speed and efficiency.

Saiba mais sobre separação de competências.

Content as a Service v2 - deeper-content-3 - Thursday, May 2, 2024 at 13:43

https://main--bacom--adobecom.hlx.page/fragments/products/modal/videos/adobe-experience-manager/sites/developer-tools/out-of-the-box-components#box | An Adobe Experience Manager Sites boilerplate content template, with headings, text, images, lists, links, buttons, code, and section blocks.

Blocos prontos para uso

Crie páginas com rapidez usando blocos predefinidos flexíveis para elementos da Web como banners, cabeçalhos, imagens, listas e muito mais. Isso ajuda criadores a produzir páginas com mais facilidade para que desenvolvedores se concentrem na criação de componentes personalizados.

  • Intuitivo e utilizável. Use componentes leves baseados em vanilla JS e CSS que são flexíveis e fáceis de usar para criadores ou desenvolvedores.
  • Fácil, acessível e otimizado para SEO. Otimize o desempenho da página com blocos feitos para garantir SEO e acessibilidade por padrão.
  • Custo reduzido de propriedade. Utilize projetos existentes do Experience Manager Sites para criar blocos, reduzindo o desenvolvimento e a manutenção necessários para criar um site.

Orientado por API

Estenda a capacidade do Experience Manager Sites e desenvolva aplicativos com APIs avançadas e focadas, como nossa API GraphQL. A GraphQL oferece uma linguagem de consulta padrão do setor para a recuperação eficiente de conteúdo que retorna somente o conteúdo solicitado, assim as respostas correspondem ao formato e às necessidades do aplicativo solicitante. Além disso, ela aceita consultas aninhadas, garantindo experiências rápidas, responsivas e consistentes com a marca em todos os canais digitais.

  • Distribuição headless de conteúdo. Use a linguagem de consulta GraphQL e APIs headless para distribuir conteúdo a todos os aplicativos no formato JSON.
  • Dados relevantes. Consulte fragmentos de conteúdo com todos os elementos, variações e referências aninhadas necessários para a renderização de um aplicativo.
  • Desempenho rápido e dimensionável. Use consultas persistentes para garantir as mais rápidas experiências do cliente com consultas de conteúdo em cache desenvolvidas para arquitetura da Web e entrega de conteúdo (CDNs) em cache.
  • Opções de ferramentas e linguagens. Aproveite as vantagens da GraphQL, que não depende de front-end e minimiza dependências em SDK para que desenvolvedores trabalhem em qualquer linguagem ou ferramenta (como React, Angular ou iOS).
  • Conteúdo perfeitamente estruturado. Capacite equipes a desenvolverem modelos de conteúdo robustos e versáteis, além de conteúdo modular e reutilizável, com o uso de modelos de fragmento de conteúdo que oferecem diversos tipos de campo e a capacidade de criar inter-relações.
https://main--bacom--adobecom.hlx.page/fragments/products/modal/videos/adobe-experience-manager/sites/developer-tools/graphql#graphql | Adobe Experience Manager Sites GraphiQL Explorer user interface.
An AEM Assets media panel showing image options for building a personalized buying guide.

Integrações extensíveis

Integre o Experience Manager Sites conforme necessário para atender a exigências exclusivas.

  • Conexões pré-configuradas. Proporcione aos clientes experiências personalizadas por meio de integrações com outros aplicativos da Adobe Experience Cloud.
  • Fornecimento de experiência mais rápida. Acelere a comercialização com aplicativos e serviços de terceiros validados fornecidos pelo Adobe Exchange.
  • Funcionalidade estendida. Aproveite a estrutura de extensibilidade da Adobe e o Adobe Developer App Builder para expandir recursos principais e desenvolver soluções personalizadas em uma arquitetura sem servidor nativa da nuvem.

Base nativa da nuvem

Trabalhe com tranquilidade sabendo que o Experience Manager Sites está sempre atualizado. A base nativa da nuvem garante a validação ininterrupta, a compatibilidade reversa e o acesso instantâneo dos recursos mais recentes.

  • Recursos ajustados automaticamente. Habilite o dimensionamento dinâmico automático para a criação e a publicação por meio da conteinerização.
  • Acessibilidade global. Reduza a latência e aumente a disponibilidade com diversas regiões de publicação espalhadas pelo mundo e uma rede de entrega de conteúdo pronta para uso.
  • Infraestrutura de serviço confiável. Tenha alta disponibilidade e respostas rápidas a incidentes com SLAs que chegam a até 99,99%.
AEM Sites sync all changes functionality updates an English, French, and Spanish language media asset simultaneously.
linear-gradient(231deg,rgba(206,221,255,1)0%,rgba(226,225,251,1)34%,rgba(206,192,238,1)92%)

Saiba como usar recursos de desenvolvimento rápido.

Encontre o que você precisa na Adobe Experience League, nossa vasta coleção de conteúdo de instruções, incluindo documentação, tutoriais e guias do usuário.

Saiba mais