# ButterCMS + Gatsby Starter Project

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

  <SectionBasicContent
    titleTag="h2"
    description="O template ButterCMS + Gatsby Starter Project cria um projeto inicial do Gatsby totalmente funcional, completamente integrado ao ButterCMS, um dos principais CMS headless que facilita a gestão colaborativa de conteúdo da sua aplicação. Ele já vem pré-configurado para buscar conteúdo do ButterCMS, permitindo que editores e desenvolvedores trabalhem em paralelo. Implantado na Azion, é entregue por meio de uma arquitetura distribuída para uma distribuição rápida e global."
    buttons={[
      { label: "Deploy template", link: "https://console.azion.com/create/buttercms/buttercms-gatsby-starter", 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/gatsby/gatsby-starter-buttercms) |
    | Framework | [Gatsby](/pt-br/documentacao/produtos/devtools/azion-edge-runtime/compatibilidade-frameworks/gatsby/) |
    | Caso de uso | CMS use |
  </div>
  <div style="display: flex; justify-content: center; align-items: center; flex: 1; min-width: 300px;">
    <img src="/assets/docs/images/uploads/template-showcase/gatsby/gatsby-butter.png" width="400" alt="Gatsby blog starter kit template" style="max-width: 100%; height: auto;" />
  </div>
  </Fragment>
</SectionBasicContent>

## Sobre este template

Este template combina o [Gatsby](/pt-br/documentacao/produtos/devtools/azion-edge-runtime/compatibilidade-frameworks/gatsby/), um gerador de sites estáticos baseado em React, com o ButterCMS, um CMS headless que separa o conteúdo da apresentação. Ele já vem configurado para buscar e renderizar conteúdo do painel do ButterCMS, permitindo que equipes de conteúdo e desenvolvimento colaborem sem editar o mesmo código. Implantado na Azion, as páginas geradas são servidas por meio de uma arquitetura distribuída, com entrega rápida e distribuída globalmente.

## Principais recursos

- Projeto inicial em Gatsby já conectado à API de conteúdo do ButterCMS.
- Fluxo de CMS headless que permite a usuários não técnicos gerenciar páginas, posts e componentes.
- Geração de site estático para páginas pré-renderizadas e amigáveis ao SEO.
- Entrega em uma arquitetura distribuída da Azion para acesso 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/butter-templates-collection/).