# Cosmic Simple Next.js Blog

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 Cosmic Simple Next.js Blog ajuda você a lançar um blog rápido e focado em conteúdo em poucos minutos. Ele combina a performance do Next.js com o headless CMS Cosmic, permitindo que os autores gerenciem posts e mídia em um painel simples. Implantado na Azion, seus artigos são servidos por meio de uma arquitetura distribuída para carregamentos rápidos em todo o mundo."
  buttons={[
    { label: "Deploy template", link: "https://console.azion.com/create/cosmic/cosmic-simple-nextjs-blog", 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-simple-nextjs-blog) |
      | Framework | [Next.js](/pt-br/documentacao/produtos/devtools/azion-edge-runtime/compatibilidade-frameworks/nextjs/) |
      | Caso de Uso | Blog |
    </div>
    <div style="display: flex; justify-content: center; align-items: center; flex: 1;">
      <img src="/assets/docs/images/uploads/template-showcase/nextjs/cosmic-nextjs-blog.png" width="400" alt="Cosmic Blog template" style="min-width: 100%; max-width: 100%; height: auto;" />
    </div>
  </Fragment>
</SectionBasicContent>

## Sobre este template

Este é um blog simples e pronto para publicar, 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 apoiado pelo headless CMS Cosmic. Posts, autores e metadados ficam no Cosmic, mantendo o trabalho editorial separado do código. Hospedado na Azion, o blog é entregue por meio de uma arquitetura distribuída, oferecendo aos leitores tempos de carregamento rápidos e consistentes entre regiões.

## Principais recursos

- Modelagem de conteúdo headless para posts, autores e categorias no Cosmic
- Layout em Next.js limpo e focado em conteúdo, pronto para artigos e mídia
- Roteamento dinâmico para cada post do blog já configurado
- Entrega em uma arquitetura distribuída da Azion para uma leitura de baixa latência em todo o mundo

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