# Gatsby Boilerplate

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

<SectionBasicContent
  description="O Gatsby Boilerplate ajuda você a construir uma Single-Page Application (SPA) baseada no framework Gatsby e a executá-la diretamente em uma arquitetura distribuída da rede. Ao usar o boilerplate, diversas etapas são encapsuladas e automatizadas, desde o gerenciamento do repositório até o deploy em uma arquitetura distribuída. Este template oferece uma configuração simplificada para criar aplicações web modernas e rápidas com os recursos de geração de site estático do Gatsby."
  buttons={[
    { label: "Deploy template", link: "https://console.azion.com/create/gatsby/gatsby-boilerplate", outlined: false, icon: "ai ai-azion", iconPos: "left" },
    { label: "Ver demo", link: "https://ryienpa53g.map.azionedge.net/", severity: "secondary" }
  ]}
>
  <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-boilerplate) |
      | Framework | [Gatsby](/pt-br/documentacao/produtos/devtools/azion-edge-runtime/compatibilidade-frameworks/gatsby/) |
      | Caso de uso | Single page application |
    </div>
    <div style="display: flex; justify-content: center; align-items: center; flex: 1;">
      <img src="/assets/docs/images/uploads/template-showcase/gatsby/gatsby-boilerplate.png" width="400" alt="Gatsby blog starter kit template" style="min-width: 100%; max-width: 100%; height: auto;" />
    </div>
  </Fragment>
</SectionBasicContent>

## Sobre este template

Este template é um ponto de partida mínimo para single-page applications construídas com [Gatsby](/pt-br/documentacao/produtos/devtools/azion-edge-runtime/compatibilidade-frameworks/gatsby/), um framework baseado em React. Ele oferece um projeto base limpo com as etapas de build e deploy já configuradas, para que você comece a adicionar funcionalidades em vez de configurar ferramentas. Uma vez implantada na Azion, a aplicação é servida por meio de uma arquitetura distribuída para uma distribuição rápida e global.

## Principais recursos

- Projeto inicial leve em Gatsby, sem código de exemplo opinativo para remover.
- Fluxo automatizado, desde a configuração do repositório até o deploy em uma arquitetura distribuída.
- Geração de site estático para páginas pré-renderizadas e de alta performance.
- 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/gatsby-boilerplate/).