Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

JAMstack

242 views

Published on

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

Published in: Technology
  • Be the first to comment

  • Be the first to like this

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

×