Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.
JAMstack
Elton Minetto
O que é?
JAMstack é uma nova maneira de criar sites e
aplicativos que ofereçam melhor desempenho, maior
segurança, menor c...
- JavaScript - Qualquer programação dinâmica durante o ciclo
de request/response é manipulada pelo JavaScript, sendo
execu...
Vantagens
- SEO
- Velocidade
- Segurança
- Deployment & Workflow simplificados
- Baixo custo
Desvantagens
- Mudança de paradigma
- Treinamento
Cases
Blogs
- Hugo
- Github
- Netlify
- Disqus
Sites empresariais
- Hugo
- Github
- Amazon S3
- Amazon Cloudfront + SSL
- Mixpanel
- Olark
- Gerador customizado criado com JavaScript
- Github
- Github Pages
- Amazon API Gateway + Amazon Lambda + HubSpot
CRM
Aplicações
- Gerador customizado criado com Go
- Github
- Amazon S3
- Amazon Cloudfront + SSL
- Mixpanel
- Disqus
- Build e deploy au...
Outras possibilidades
- Universidades: Páginas de cursos, eventos,
disciplinas
- Agências: Sites empresariais
- E-commerce...
https://jamstack.org/examples/
Ferramentas
https://www.netlifycms.org/
https://www.contentful.com/r/knowledgebase/
jamstack-cms/
http://prose.io/
https:/...
Consultoria em JAMstack
http://coderockr.com
contato@coderockr.com
Links
https://jamstack.org/
https://www.netlify.com/tags/jamstack/
https://dev.to/diegoeis/good-practices-in-jamstack-
pro...
JAMstack
JAMstack
JAMstack
JAMstack
Nächste SlideShare
Wird geladen in …5
×

JAMstack

282 Aufrufe

Veröffentlicht am

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

Veröffentlicht in: Technologie
  • Als Erste(r) kommentieren

  • Gehören Sie zu den Ersten, denen das gefällt!

JAMstack

  1. 1. JAMstack Elton Minetto
  2. 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. 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. 4. Vantagens - SEO - Velocidade - Segurança - Deployment & Workflow simplificados - Baixo custo
  5. 5. Desvantagens - Mudança de paradigma - Treinamento
  6. 6. Cases
  7. 7. Blogs
  8. 8. - Hugo - Github - Netlify - Disqus
  9. 9. Sites empresariais
  10. 10. - Hugo - Github - Amazon S3 - Amazon Cloudfront + SSL - Mixpanel - Olark
  11. 11. - Gerador customizado criado com JavaScript - Github - Github Pages - Amazon API Gateway + Amazon Lambda + HubSpot CRM
  12. 12. Aplicações
  13. 13. - 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
  14. 14. Outras possibilidades - Universidades: Páginas de cursos, eventos, disciplinas - Agências: Sites empresariais - E-commerce: Páginas de produtos e categorias, carrinho de compras
  15. 15. https://jamstack.org/examples/
  16. 16. 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/
  17. 17. Consultoria em JAMstack http://coderockr.com contato@coderockr.com
  18. 18. 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

×