Y que sucede en producción ?
Introducción a Gatsby
¿Por qué Gatsby? Seguridad y Velocidad
¿Qué es Gatsby?
Diferencias entre SPA, SSR y Gatsby
Preparando el entorno
Requisitos previos y herramientas de desarrollo
Gatsby y Gatsby CLI y Starters
Configuración de ESLint
Fundamentos de Gatsby
Presentación y Estructura de Archivos de nuestro proyecto: Platziswag
Ecosistema de plugins
Usando React para manejar la parte visual e interactiva de nuestra aplicación
Creando la vista con React
Router en Gatsby y Componente Link
Layout en Gatsby
Graphql en Gatsby
¿Cómo funciona GraphQL en Gatsby?
Accediendo a nuestros datos en Gatsby desde GraphQL
Queries, Edges (conexiones) y Nodos en Gatsby
Consultas en GraphQL desde React
Usando plugins en Gatsby
Instalación y configuración de plugins
Imágenes como fuente de datos
Plugins de transformación
Estilizando nuestros componentes con styled-components
Estilos Globales con styled-components
Stripe checkout
Introducción a la API de Stripe Checkout
Agregando productos a nuestra tienda en línea
Productos en React
Generando páginas programáticamente
Creando páginas en función de los datos
Manejo de Gatsby Templates
Terminando la Vista de Detalle de los Productos
StaticQuery vs. useStaticQuery
Construyendo el Carrito de Compras: useContext
Construyendo el Carrito de Compras: Vista
Construyendo el Carrito de Compras: Agregar productos al carrito
Comprando productos
Gatsby a producción
Gatsby build para compilar nuestro proyecto
Deploy a Netlify
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Si ya tienes una cuenta,
No se trata de lo que quieres comprar, sino de quién quieres ser. Aprovecha el precio especial.
Antes: $249
$209
Paga en 4 cuotas sin intereses
Termina en:
13 Días
21 Hrs
23 Min
17 Seg
¿Cómo funciona GraphQL en Gatsby?
12/33Recursos
GraphQL es un lenguaje tipado que facilita la comunicación entre servicios, pero los datos de nuestra aplicación pueden venir de diferentes lugares, así que GraphQL no tiene forma de acceder a todos estos datos para que podamos consumirlos desde un mismo lugar.
Gatsby recolecta toda la información de nuestra aplicación mientras desarrollamos en local y la almacena en un servidor de GraphQL. Luego, en la etapa de compilación, justo antes de pasar a producción, Gatsby guardará los datos de GraphQL junto al código, de esta forma los tendremos disponibles sin necesidad de hacer peticiones a las fuentes de datos originales.
Aportes 7
Preguntas 4
Ordenar por:
Entonces si el proceso de consumir ocurre en el server nosotros deberiamos alojar nuestro proyecto en algún hosting que luego haga el rebuild escuchando cada vez que el “api” cambie y de esta manera actualizar el buid. Estoy en lo correcto?
¿Cómo funciona GraphQL en Gatsby?
GraphQL es un lenguaje tipado que nos ayuda a comunicar servicios. No importa cual sea la fuente de datos, podemos recolectar la información.
Todo el flujo sucede solamente en ‘desarrollo’. La información se recolecta previamente en este proceso.
esa es la capa del backend hasta la transferencia? que beneficios tiene el usar gatsby y no directarmente con Apollo, o por ejemplo express-graphql?
No tiene muchas desventajas el simple hecho que tenga que re-compilar para obtener los cambios? si un blog que todos los días recibe nueva información tendría que recompilar todo día a día? y si son varios autores como por ejemplo el caso de un blog con múltiples usuarios que actualizan el contenido muchas veces en un día, compilaría todo el tiempo, eso no es contra producente?
Sí el consumo es en desarrollo, qué sucede cuando se actualiza por ejemplo WordPress (API) y el sitio web con Gastby ya está en Producción?
¿Con Gatsby puedo crear mutaciones con graphql?
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?