Este código:
export { default as X } from '...';
Es equivalente a este otro:
import X from '...';
export { X };
¡Solo es un atajo! 😬😉
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
Aún no tienes acceso a esta clase
Crea una cuenta y continúa viendo este curso
¡No olvides instalar styled-components!
npm install --save styled-components
Screen reader support enabled.
Aportes 19
Preguntas 5
Este código:
export { default as X } from '...';
Es equivalente a este otro:
import X from '...';
export { X };
¡Solo es un atajo! 😬😉
Si alguien le aparece este mensaje
Error in “/Users/home/Documents/Desarrollo/gatsby/Gatsby-platzi/node_modules/gatsby-plugin-manifest/gatsby-node.js”: Cannot find module ‘gatsby/dist/utils/create-content-digest’
recomiendo eliminar el node_modules y package-lock y reinstalar, aunque según Kyle (creador de Gatsby) es mejor utilizar yarn
Prueben eliminar el package-lock.json y la carpeta node_modules si tienen error en instalación
Si el proyecto no les compila cuando usan el comando
gatsby develop
Hay que borrar la carpeta node_modules y el archivo package-lock.json
y volver a instalarlos con el comando
npm install
volvemos a levantar el servidor y listo
El component SEO es del core de Gatsby?
Si les aparece la imagen media cortada vayan a styles/components y en
StyledJumbo en la parte de &:before: borren el border-radius y top
Es importante aprender Styled Components para estilizar nuestro sitio
Cuál es el snippet para crear rfc ??
Para los que le salen **error ** al aplicar el gatsby develop
deben **actualizar ** las dependencias de los plugin en el pakage.josn
Si al momento de compilar les salta el mensaje en consola de System limit for number of file watchers reached, pueden solucionarlo con la siguiente línea de comando:
echo fs.inotify.max_user_watches=524288 | sudo tee -a /etc/sysctl.conf && sudo sysctl -p
¿A alguien más le pasa esto al ejecutar gatsby develop
?:
A mí me salió cortada de dos esquinas y para solucionarlo en los style en la parte del Jumbo &:before /* transform: rotate(-19deg); */ comenté esa propiedad por si la necesitamos más adelante pero mientras evita que nos rote -19 grados
Este video debería estar en el 9
Lo que me está gustando de Gatsby es que al guardar cambios, automáticamente se reflejan en el navegador.
para usar un puerto diferente “gatsby develop -p 8080”
corriendo gatsby
Es optimo usar estilo por medio de js?
Aunque previamente en la carrera de React se han visto algunos temas de todo lo que compone Gatsby, sería importante recalcar algunos y sugerirlos como tema de estudio, a lo que voy viendo el proyecto incluye:
Cuando trataba de ejecutar “gatsby develop” Tenia unos errores. Pueden consultar este link en caso tengan el mismo error. https://www.gatsbyjs.com/docs/troubleshooting-common-errors/#issues-with-fs-resolution
¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.