# ButterCMS + React Starter Project

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 ButterCMS + React Starter Project cria um projeto inicial totalmente funcional em React, completamente integrado ao ButterCMS, um dos principais headless CMS que facilita o gerenciamento de conteúdo colaborativo 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, a aplicação é 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-react-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/react/react-starter-buttercms) |
      | Framework | [React](/pt-br/documentacao/produtos/devtools/azion-edge-runtime/compatibilidade-frameworks/react/) |
      | 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/react/butter-react-starter.png" width="400" alt="React + ButterCMS" style="min-width: 100%; max-width: 100%; height: auto;" />
    </div>
  </Fragment>
</SectionBasicContent>

## Sobre este template

Este template combina o [React](/pt-br/documentacao/produtos/devtools/azion-edge-runtime/compatibilidade-frameworks/react/), uma biblioteca de interface baseada em componentes, com o ButterCMS, um CMS headless que separa o conteúdo do código. Ele já vem pronto para buscar posts, páginas e outros conteúdos do painel do ButterCMS, permitindo que as equipes gerenciem os textos sem precisar fazer um novo deploy. Rodando na Azion, a aplicação é entregue por meio de uma arquitetura distribuída para acesso de baixa latência em todo o mundo.

## Principais recursos

- Projeto inicial em React já conectado à API de conteúdo do ButterCMS.
- Fluxo de CMS headless que permite a usuários não técnicos atualizar conteúdo de forma independente.
- Estrutura baseada em componentes, fácil de estender com novas páginas e visualizações.
- Entrega em uma arquitetura distribuída da Azion para respostas rápidas e distribuídas globalmente.

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