Lock in $30 Savings on PRO—Offer Ends Soon! ⏳

NetCoreConf - Jamstack, static sites y Azure

NetCoreConf - Jamstack, static sites y Azure

Do you remember Microsoft FrontPage? Static web pages are back with the Jamstack! With some of the tools and concepts developed in the last years, we can get advantage of features that static web pages offer and get web apps with better performance, more security, easier scaling, and cheaper costs.

Facundo Giuliani

February 27, 2021
Tweet

More Decks by Facundo Giuliani

Other Decks in Technology

Transcript

  1. 2021 Netcoreconf 27/02/202 1 Jamstack, static sites y Azure Facundo

    Giuliani Full Stack Developer @facundozurdo
  2. #netcoreconf 2021 Facundo Giuliani Ingeniero en Sistemas Senior Developer and

    Team Leader @ MultiTracks.com Auth0 Ambassador GitKraken Ambassador Cloudinary Media Developer Expert Web fgiuliani.com Twitter @facundozurdo GitHub @fgiuliani
  3. #netcoreconf 2021 Sitios Web Estáticos Sitios que son entregados al

    navegador tal como están almacenados en el servidor
  4. #netcoreconf 2021 Sitios Web Dinámicos Sitios web donde parte de

    su contenido es generado dinámicamente, cuando sea necesario
  5. #netcoreconf 2021 Single Page Application Aplicación web que interactúa con

    el usuario reescribiendo la página web actual, con nueva información enviada desde el servidor
  6. #netcoreconf 2021 Client Side Rendering El contenido HTML es renderizado

    directamente en el navegador usando JavaScript
  7. #netcoreconf 2021 Client Side Rendering PROS CONS ◆ Mejores interacciones.

    ◆ Renderizado más rápido después de carga inicial. ◆ Menos uso del servidor web. ◆ Componentes reutilizables. ◆ Carga inicial más lenta. ◆ SEO no performante si no se implementa bien. ◆ Dependencia de librerías externas.
  8. #netcoreconf 2021 Server Side Rendering PROS CONS ◆ Carga inicial

    más rápida. ◆ Mejor SEO / Social Media Optimization. ◆ Más seguro (menos código del lado del cliente). ◆ Menos uso del dispositivo cliente. ◆ Servidores web más sobrecargados. ◆ Renderizado general más lento. ◆ Recarga completa de página en cambio de ruta. ◆ Página carga antes, pero sin interacción completa.
  9. #netcoreconf 2021 Sitios Web Estáticos ◆ Rápidos ◆ Bajos costos

    ◆ Fáciles de mantener ◆ Seguros ◆ Fáciles de escalar ◆ Estables
  10. #netcoreconf 2021 Jamstack Una nueva manera de crear sitios y

    aplicaciones web con mejor performance, más seguridad, costos más bajos de escalabilidad y una mejor experiencia de desarrollo
  11. #netcoreconf 2021 Usar JavaScript del lado del cliente para llamar

    APIs externas y aplicaciones serverless, para las interacciones y carga de datos
  12. #netcoreconf 2021 Static Site Generator Software que produce y despliega

    sitios estáticos usando distintas fuentes de datos y templates
  13. #netcoreconf 2021 Content Management System Aplicación o conjunto de programas

    que se usan para crear y gestionar contenido digital
  14. #netcoreconf 2021 Headless CMS Un CMS donde el repositorio de

    contenido está separado de la capa de presentación
  15. #netcoreconf 2021 Servicios API ◆ Aplicaciones Serverless: AWS Lambda, Google

    Cloud Functions ◆ Formularios: Formspree, Typeform, Netlify Forms ◆ Bases de datos: FaunaDB, Firebase, Supabase ◆ Autenticación: Auth0, Firebase Authentication
  16. #netcoreconf 2021 ◆ Motor de búsqueda: Algolia, Azure Search ◆

    e-Commerce: Snipcart, Shopify ◆ Comentarios: Commento, Mouthful ◆ Image y Video: Cloudinary Servicios API
  17. #netcoreconf 2021 Jamstack PROS ◆ Mejor Performance ◆ Servidores baratos

    ◆ Mejor Cache ◆ Más Seguridad ◆ Fácil de escalar ◆ Mejor SEO ◆ Mejor experiencia de desarrollo
  18. #netcoreconf 2021 Jamstack PROBLEMAS ◆ Diferentes costos para evaluar ◆

    Dependencias Externas ◆ Tiempo de compilación "atómica" ◆ Dificultad para editores de contenido