# Next.js Static 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 Next.js Static Boilerplate é um starter minimalista em Next.js 14 configurado para exportação estática. Ele simplifica e automatiza o deploy de sites gerados estaticamente diretamente em uma arquitetura distribuída, dispensando a configuração inicial para você focar na construção da interface. Rodando na Azion, os assets pré-construídos são servidos 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/nextjs/next-static-boilerplate", outlined: false, icon: "ai ai-azion", iconPos: "left" },
    { label: "Ver demo", link: "https://rp6i0af0n3.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/nextjs/nextjs-static-boilerplate-14) |
      | 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/nexjs-static-boilerplate.png" width="400" alt="Next.js static boilerplate" style="min-width: 100%; max-width: 100%; height: auto;" />
    </div>
  </Fragment>
</SectionBasicContent>

## Sobre este template

Este boilerplate é um ponto de partida enxuto baseado em [Next.js](/pt-br/documentacao/produtos/devtools/azion-edge-runtime/compatibilidade-frameworks/nextjs/) 14, o popular framework React para aplicações web de nível profissional, configurado para gerar um build totalmente estático. Em vez de configurar a exportação por conta própria, você recebe um projeto que compila para HTML, CSS e JavaScript estáticos prontos para publicar. Implantado na Azion, esses assets são distribuídos pela rede global para carregamentos rápidos e confiáveis em qualquer lugar.

## Principais recursos

- Next.js 14 pré-configurado para exportação estática (SSG)
- Gera HTML, CSS e JavaScript puros, sem necessidade de servidor
- Fluxo de build e deploy automatizado com destino ao edge
- Base leve e fácil de estender para qualquer interface ou aplicação web

Para mais informações sobre o deploy deste template, acesse o [guia do template](/pt-br/documentacao/produtos/guias/nextjs-static-boilerplate/).