A darle duro a este curso, lo estaba esperando con ansias, Jonathan Alvarez es excelente profesor.
Documentacion de Next JS
https://nextjs.org/
¿Que es JAMstack?
https://jamstack.wtf/
¡Vamooos a darleeee!
Introducción: rendering modes de Next.js
Sitios estáticos y Jamstack
Modos de rendering en Next.js
Arquitectura del proyecto
Arquitectura de la app y GraphQL
Configurando Contentful y tokens
Clonando el proyecto e importando contenidodesde CLI
Explorando la app de Next.js
GraphQL API y autogeneración de código
Static Generation
Página Home: lista
Moviendo al servidor: getStaticProps
Página de entrada: detalle
Moviendo al servidor: getStaticPaths
Trade-offs: consideraciones adicionales de SSG
Incremental Static Generation
Habilitando Incremental Static Generation
Estrategias de carga: fallback vs. bloqueante
El enfoque stale-while-revalidate
Trade-offs de ISG
Otras alternativas: comparación entre SSG y SSR
Siguientes pasos
Continúa con el Curso de Next.js: Deploy a Producción
Bonus
Explorando la flexibilidad de getStaticPaths con fileSystem
Aportes 8
Preguntas 0
A darle duro a este curso, lo estaba esperando con ansias, Jonathan Alvarez es excelente profesor.
Documentacion de Next JS
https://nextjs.org/
¿Que es JAMstack?
https://jamstack.wtf/
¡Vamooos a darleeee!
Next.js: le ofrece la mejor experiencia de desarrollador con todas las funciones que necesita para la producción: renderizado híbrido estático y de servidor, compatibilidad con TypeScript, agrupación inteligente, búsqueda previa de rutas y más. No se necesita configuración.
https://nextjs.org/
Jamstack: Una arquitectura de desarrollo web moderna basada en JavaScript del lado del cliente, API reutilizables y marcado predefinido.
En sí es una arquitectura que pone como eje central al navegador, la aplicación ya estaría conectada a CDNs, Microservicios lo que mejora la velocidad de la app.
En una arquitectura Jamstack no vemos ningún servidor, ya que en diferencia con las arquitecturas de la web tradicional que necesitamos uno para conectarnos a la DB, CMS o cualquier fuente de información.
En general hay dos formas de renderizar un WEB, en el navegador Cliente (Arquiectura Jamstack) o en el servidor.
Aquí pueden encontrar un ebook gratuito del 2019, para profundizar en Jamstack 👇
Aquí una explicación breve sobre Jamstack 👇
.
https://jamstack.org/what-is-jamstack/
.
Un curso nuevo con Jonathan Alvarez, NICE! De sitios estáticos, AWESOME! Bien dice Yosef a DARLE… Emoción al 200%
Porfin llego lo estuve esperando!
Jamstack
es una arquitectura diseñada para hacer que la web sea más rápida, más segura y más fácil de escalar. Se basa en muchas de las herramientas y flujos de trabajo que adoran los desarrolladores y que brindan la máxima productividad.
Los principios básicos de pre-rendering
y el Decoupling
permiten que los sitios y las aplicaciones se entreguen con mayor confianza y resistencia que nunca.
Pre-rendering
Generar el marcado que representa una vista antes de cuando se requiera. Esto ocurre durante una compilación en lugar de bajo demanda, por lo que los servidores web no necesitan realizar esta actividad para cada solicitud recibida.
Decoupling
es el proceso de crear una separación limpia entre sistemas o servicios. Al desacoplar los servicios necesarios para operar un sitio, cada componente puede ser más fácil de razonar, puede intercambiarse o actualizarse de forma independiente y puede designarse como el ámbito de especialistas dedicados, ya sea dentro de una organización o como un tercero
For fast and secure sites | Jamstack
En general, solo hay dos formas* de renderizar una página web: en el navegador (cliente) o en el servidor
📌 RESUMEN: Jamstack es una arquitectura la cual entre sus principales características esta que el contenido se pre-renderiza lo cual hace que no sea necesario tener un servidor en sí para conectarnos a fuentes de información a diferencia de una aplicación web tradicional.
</aside>
Uff tiempo esperando estos cursos de NEXT.JS
¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.