Slides de uma apresentação sobre JAMstack, vantagens, cases e ferramentas

1. JAMstack
Elton Minetto

2. O que é?
JAMstack é uma nova maneira de criar sites e
aplicativos que ofereçam melhor desempenho, maior
segurança, menor custo de escala e uma melhor
experiência de desenvolvimento. Para ser considerado
uma JAMstack o projeto deve atender os seguintes
critérios

3. - JavaScript - Qualquer programação dinâmica durante o ciclo
de request/response é manipulada pelo JavaScript, sendo
executada inteiramente no cliente. Isso pode ser qualquer
framework de frontend, biblioteca ou até JavaScript puro.
- APIs - Todos os processos do lado do servidor ou ações do
banco de dados são abstraídos em APIs reutilizáveis,
acessadas via HTTP com JavaScript.
- Markup - O conteúdo HTML deve ser gerada no momento
do build/deploy, geralmente usando um gerador de site
para sites de conteúdo ou uma ferramenta de criação para
aplicativos Web customizada

4. Vantagens
- SEO
- Velocidade
- Segurança
- Deployment & Workflow simplificados
- Baixo custo

5. Desvantagens
- Mudança de paradigma
- Treinamento

6. Cases

7. Blogs

9. - Hugo
- Github
- Netlify
- Disqus

10. Sites empresariais

12. - Hugo
- Github
- Amazon S3
- Amazon Cloudfront + SSL
- Mixpanel
- Olark

14. - Gerador customizado criado com JavaScript
- Github
- Github Pages
- Amazon API Gateway + Amazon Lambda + HubSpot
CRM

15. Aplicações

17. - Gerador customizado criado com Go
- Github
- Amazon S3
- Amazon Cloudfront + SSL
- Mixpanel
- Disqus
- Build e deploy automatizado usando o Drone.io
- Vue.js no frontend

18. Outras possibilidades
- Universidades: Páginas de cursos, eventos,
disciplinas
- Agências: Sites empresariais
- E-commerce: Páginas de produtos e categorias,
carrinho de compras

19. https://jamstack.org/examples/

20. Ferramentas
https://www.netlifycms.org/
https://www.contentful.com/r/knowledgebase/
jamstack-cms/
http://prose.io/
https://www.netlify.com/features/
https://www.staticgen.com/

21. Consultoria em JAMstack
http://coderockr.com
contato@coderockr.com

22. Links
https://jamstack.org/
https://www.netlify.com/tags/jamstack/
https://dev.to/diegoeis/good-practices-in-jamstack-
projects-45ka
https://scotch.io/tutorials/jamstack-the-what-the-why-
and-the-how
https://builtvisible.com/go-static-try-jamstack/
https://deploy.codenation.com.br/jamstack-na-code-
nation-d31223f8165e