# Implante Sites Jamstack no Edge da Rede

As arquiteturas de sites [Jamstack](https://www.azion.com/pt-br/solucoes/sites-jamstack/) utilizam páginas pré-renderizadas e APIs para projetar aplicações web, aprimorando significativamente as capacidades de sites com soluções resilientes, seguras e escaláveis. Essas arquiteturas gerenciam cada parte da aplicação, da interface até o backend, usando APIs em JavaScript, templates de Markup reutilizáveis ​e ativos estáticos pré-construídos, resultando em melhor desempenho, maior segurança, custo-benefício e uma experiência superior para o desenvolvedor. Enquanto isso, a utilização de edge computing - com um processamento de dados no edge, mais proximo do usuário - pode reduzir a latência e o uso de largura de banda, aumentando ainda mais o desempenho.

Essa solução é ideal para organizações que buscam melhorar o desempenho do site, melhorar a experiência geral do usuário e capacitar os desenvolvedores a construir e implantar rapidamente aplicações de alto desempenho e escaláveis no edge, mais próximos dos usuários finais.

---

## Diagrama de Arquitetura Jamstack

![Diagrama de Arquitetura](/assets/docs/images/uploads/jamstack-deploy.png?v=2)

### Fluxo de Dados Jamstack 

1. O desenvolvedor interage com a plataforma da Azion usando ferramentas como o Console baseado na web e a interface de linha de comando (CLI). Essas ferramentas são essenciais para configurar e gerenciar aplicações e serviços na plataforma.
2. Os desenvolvedores trabalham no código da aplicação localmente em suas máquinas. Quando prontos, eles confirmam as mudanças no repositório Git local e então enviam esses commits para um repositório remoto. No caso de trabalhar com a Azion, este repositório remoto pode estar vinculado à plataforma da Azion para acionar ações subsequentes.
3. Os arquivos das aplicações são enviados para o Object Storage, depois é criado um bucket e os arquivos são armazenados nele. O desenvolvedor pode armazenar dados e ativos da aplicação aqui, que podem ser processados rapidamente pela aplicação.
4. Azion Actions configura um fluxo de CI, conectando o repositório GitHub com  Azion criado na implantação. Esse processo é possível através da comunicação entre Azion Actions e Azion API.
5. Azion Actions implementa a aplicação e suas configurações, com base em uma configuração padrão ou na informada pelo usuário em um arquivo manifesto. As configurações incluem Rules Engine, Cache, Image Processor e Functions.
6. A saída do edge node é entregue aos usuários finais através de um domínio, representando o endpoint voltado para o usuário da web onde a aplicação hospedado é acessível.

### Componentes

- [Azion Console](/pt-br/documentacao/produtos/guias/conhecendo-o-azion-console/): a interface onde você pode acessar todos os produtos disponíveis e suas configurações.
- [Azion CLI](/pt-br/documentacao/produtos/azion-cli/visao-geral/): uma interface de linha de comando (CLI) de código aberto que permite a interação com a Azion Web Platform usando um terminal.
- [Applications](/pt-br/documentacao/produtos/build/applications/): um produto Azion que permite construir aplicações que são executadas no edge da Azion.
- [Object Storage](/pt-br/documentacao/produtos/store/object-storage/): um serviço de armazenamento escalável e seguro projetado para integrar o armazenamento de objetos com a Azion Web Platform usando o padrão S3 para operações de objetos.

---

## Implementação 

- Inicialize uma aplicação Jamstack com base em templates:
[Guias específicos de framework](/pt-br/documentacao/produtos/build/develop-with-azion/frameworks-specific/visao-geral/)
- Vincule uma aplicação existente a uma aplicação na Azion Web Platform:
[Comando de link Azion CLI](/pt-br/documentacao/produtos/azion-cli/link-comando/)

---

## Documentos relacionados

- [Azion Marketplace](/pt-br/documentacao/produtos/marketplace/)
- [Compatibilidade com Web APIs do Azion Runtime](/pt-br/documentacao/runtime-apis/javascript/)
- [Compatibilidade com Node.js do Azion Runtime](/en/documentation/products/azion-edge-runtime/compatibility/node/)