# Cosmic Agency

import DocButton from '~/components/webkit/DocButton.vue';
import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue';
import Container from '~/components/webkit/Container.vue';

<SectionBasicContent
  description="O template CosmicJS Agency Website ajuda você a lançar um site institucional dinâmico e visualmente atraente para agências e estúdios. Construído com Next.js e o headless CMS Cosmic, ele permite que equipes não técnicas editem o conteúdo sem mexer no código. Implantado na Azion, cada página é servida por meio de uma arquitetura distribuída para uma entrega rápida e globalmente distribuída."
  buttons={[
    { label: "Deploy template", link: "https://console.azion.com/create/cosmic/cosmic-agency-website", outlined: false, icon: "ai ai-azion", iconPos: "left" }
  ]}
>
  <Fragment slot="content">
    <div style="flex: 1; min-width: 300px;">
      | Item | Detalhes |
      |:----------|:------|
      | Repositório | [Azion Samples](https://github.com/aziontech/azion-samples/tree/dev/templates/nextjs/cosmic-agency) |
      | Framework | [Next.js](/pt-br/documentacao/produtos/devtools/azion-edge-runtime/compatibilidade-frameworks/nextjs/) |
      | Caso de Uso | Geral |
    </div>
    <div style="display: flex; justify-content: center; align-items: center; flex: 1;">
      <img src="/assets/docs/images/uploads/template-showcase/nextjs/cosmic-agency.png" width="400" alt="Cosmic agency" style="min-width: 100%; max-width: 100%; height: auto;" />
    </div>
  </Fragment>
</SectionBasicContent>

## Sobre este template

Este template é um site de agência e portfólio construído com [Next.js](/pt-br/documentacao/produtos/devtools/azion-edge-runtime/compatibilidade-frameworks/nextjs/), o popular framework React para aplicações web de nível profissional, e tem como base o headless CMS Cosmic. Ele já vem com páginas prontas de serviços, cases e equipe, permitindo que times de marketing atualizem textos e imagens diretamente no Cosmic sem precisar de um novo deploy. Rodando na Azion, o site é entregue por meio de uma arquitetura distribuída para carregamentos de baixa latência em qualquer lugar do mundo.

## Principais recursos

- Seções pré-desenhadas de serviços, portfólio e contato, pensadas para agências e estúdios
- Conteúdo gerenciado pelo headless CMS Cosmic, desacoplado do frontend
- Layout responsivo em Next.js otimizado para performance e SEO
- Deploy com um clique na rede global globalmente distribuída da Azion

Para mais informações sobre a implementação deste template, visite o [guia do template](/pt-br/documentacao/produtos/guias/cosmic-agency-website/).