The Great Gatsby

¿Es posible crear aplicaciones rápidas, seguras y punteras a muy bajo coste? Esta es la premisa que nos propone la filosofía JAM Stack.

En esta charla hablaré de manera introductoria de un caso de uso y proyecto personal, de cómo y por qué tuve que alejarme del desarrollo tradicional de aplicaciones y darle una vuelta de tuerca para poder mejorar el resultado final.

Empezaremos comentando la necesidad que me surgió y la problemática de solucionarlo mediante una aplicación convencional, para posteriormente introducirnos en el mundo de JAM Stack y ver como esta filosofía encajaba perfectamente, evitando problemas comunes y obteniendo grandes beneficios a corto y a largo plazo. Por último hablaré sobre el abanico de herramientas utilicé para crear mi aplicación en las diferentes fases: desde el desarrollo en local, pasando por la automatización y el proceso de construcción y por último su posterior despliegue en la Nube.

Transcript

1. The Great Gatsby ...esto no es una película de L. DiCaprio
2. BASES DE DATOS TOMA DE REQUISITOS MODERN WEB No vale Ember, quiero algo diferente para aprender Cuanto más rápido mejor PWA Rápido, fiable y con buena experiencia MON€Y Es un proyecto personal, esto tiene que ser barato
3. JAM STACK! Lo importante es el cómo, no el qué
4. CONCEPTOS Todo el contenido se procesará en tiempo de construcción MARKUP JAVASCRIPT Toda la app se ejecuta en el cliente, por lo que utilizaremos Javascript. APIs Todo el procesamiento del servidor se hace mediante APIs nuestras o de terceros
5. ¿POR QUÉ UTILIZAR ESTA APROXIMACIÓN? RENDIMIENTO Y SEGURIDAD Toda la aplicación se sirve directamente desde un CDN, mejoramos el rendimiento y delegamos la seguridad en un proveedor con más experiencia PRECIO Y ESCALADO DEVELOPER EXPERIENCE Escalar la aplicación es tan fácil como servir esos ficheros desde más lugares, los CDN son baratos y ya permiten hacer eso de manera simple Solo te tienes que preocupar del desarrollo de tu app, te abstraes del despliegue y la gestión del contenido.
6. BUENAS PRÁCTICAS CDN No es necesario un servidor, sirve los ficheros y punto GIT Todo está en el repositorio, clonar y ejecutar AUTOMATED BUILDS Ahorra tiempo, tu aplicación es estática BUILD TOOLS Hay herramientas muy potentes, aprovéchalas AUTOMATED DEPLOYS No se despliega nada hasta que esté todo listo CACHE INVALIDATION Cada despliegue debería invalidar el anterior
7. ¿TECNOLOGÍA ADECUADA?
8. FRAMEWORKS
9. GATSBY, UNA BUENA ELECCIÓN REACT Componentes, velocidad, markdown, hidratación IMG PLUGIN Procesamiento y querys de imágenes a través de plugins GRAPHQL Trabajar con el sistema de ficheros como si se tratase de una API WEBPACK Proceso de construcción rápido y extensible
10. Despliegue
11. BUILD Continuous deployment, branch deploys, Git integration, cache, ... DEPLOY CDN configuration, domain managment, SSL, MOAR THINGS Functions, split testing, forms, multiple scripts, deploy hooks, ... Netlify
12. EL RESULTADO
13. pasaporteenblanco.com