Save 37% off PRO during our Black Friday Sale! »

Cómo elegir la mejor J para tu JAM Stack (y no morir en el intento)

Cómo elegir la mejor J para tu JAM Stack (y no morir en el intento)

Drupal Camp Costa Rica 2020
https://www.drupalcamp.cr/en/sessions/como-elegir-la-mejor-j-para-mi-jam-stack-y-no-morir-en-el-intento

Elegir tecnologías no es tarea fácil, especialmente cuando hablamos de front end y JAM Stack ya que en este momento el mercado nos ofrece muchísimas opciones como Gatsby, NextJS, Nuxt, Gridsome, Scully...

¿Abrumador verdad?

Es por esto que en esta charla hablaremos sobre cómo seguir una estrategia para elegir la tecnología más adecuada para nuestro proyecto evitando tomar desiciones a la ligera o dejándonos llevar por el hype del momento

8dbca2c5e7e0296afd964af7d1f7b55e?s=128

Alfredo Bonilla

November 06, 2020
Tweet

Transcript

  1. Cómo elegir la mejor "J" para tu JAM Stack Y

    no morir en el intento.... Drupal Camp 2020 Alfredo Bonilla - @brolag
  2. ¡Hola! Alfredo Bonilla @brolag Web Practice Lead en Gorilla Logic

    Co-Organizador GDG Pura Vida Co-Organizador Angular Costa Rica alfredobonilla.dev
  3. ¿Qué es JAM stack? Cómo elegir la mejor "J" para

    tu JAM Stack - @brolag JavaScript - APIs - Markup
  4. Elijamos nuestras herramientas Cómo elegir la mejor "J" para tu

    JAM Stack - @brolag
  5. SSR vs SSG

  6. Imagen por Mike Nikles Fuente: https://dev.to/mikenikles/server-side-rendering-ssr-vs-static-site-generator-ssg-a-diagram-2g23

  7. Imagen por Mike Nikles Fuente: https://dev.to/mikenikles/server-side-rendering-ssr-vs-static-site-generator-ssg-a-diagram-2g23

  8. Frameworks

  9. ¿Cuál es el mejor framework? Cómo elegir la mejor J

    para tu JAM Stack - @brolag
  10. Cómo elegir la mejor J para tu JAM Stack -

    @brolag Depende...
  11. Debemos tomar en cuenta Cómo elegir la mejor J para

    tu JAM Stack - @brolag Naturaleza del proyecto Arquitectura Equipo de trabajo Madurez del framework Documentación Herramientas Popularidad
  12. Ecosistema de Angular Cómo elegir la mejor J para tu

    JAM Stack - @brolag
  13. Ecosistema de Vue Cómo elegir la mejor J para tu

    JAM Stack - @brolag
  14. Ecosistema de React Cómo elegir la mejor J para tu

    JAM Stack - @brolag
  15. GatsbyJS Cómo elegir la mejor J para tu JAM Stack

    - @brolag Framework basado en React para crear sitios estáticos y aplicaciones El rendimiento es altísimo Utiliza React y GraphQL Implementa una arquitectura basada en plugins
  16. NextJS Cómo elegir la mejor J para tu JAM Stack

    - @brolag Constituye una base sólida para crear aplicaciones utilizando React SSR, SSG e implementaciones híbridas Soporte para TypeScript, Internacionalización, optimización de imágenes Su arquitectura pretende evitar la configuración
  17. Comparativa NextJS vs GatsbyJS

  18. Documentación Cómo elegir la mejor J para tu JAM Stack

    - @brolag https://nextjs.org/ https://www.gatsbyjs.com/
  19. Ejemplo de blog Cómo elegir la mejor J para tu

    JAM Stack - @brolag https://github.com/gatsbyjs/gatsby-starter-blog https://github.com/vercel/next.js/tree/master/examples/blog- starter
  20. Casos de uso Cómo elegir la mejor J para tu

    JAM Stack - @brolag Sitio de marketing simple Portal con muchas páginas de contenido y diferentes roles de usuario E-Commerce Renderizado en el cliente Aplicaciones Híbridas (SSR + SSG)
  21. Conclusiones

  22. Preguntas y respuestas Muchas gracias Drupal Camp 2020 Alfredo Bonilla

    - @brolag