Se ha denunciado esta presentación.
Utilizamos tu perfil de LinkedIn y tus datos de actividad para personalizar los anuncios y mostrarte publicidad más relevante. Puedes cambiar tus preferencias de publicidad en cualquier momento.

JAMstack

247 visualizaciones

Publicado el

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

Publicado en: Tecnología
  • Sé el primero en comentar

  • Sé el primero en recomendar esto

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

×