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

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