Curso completo de Gatsby WordPress 2021 | Gatsby para principiantes | WordPress como un CMS sin cabeza

0
20

Gatsby está usando React (ReactJS) y GraphQL para crear sitios estáticos que son increíblemente rápidos. Aprenda a combinar Gatsby.js con WordPress como un CMS sin cabeza. WordPress como un CMS sin cabeza con WPGraphQL y GatsbyJS como Front End. Es amigable para principiantes al comenzar con Gatsby. Gatsby es un generador de sitios estático que es increíble y usa #reactjs y #graphql. ¡Este es un curso premium de larga duración que tiene casi 6 horas de aprendizaje! Archivos de inicio: https://github.com/weibenfalk/gatsby-wordpress-starter-files Aprenderá: – Configurar un proyecto desde cero con Gatsby CLI – GraphQL – Integrar WP como un CMS sin cabeza en Gatsby – React Hooks – Publicar a Gatsby Cloud con WebHooks – plugin gatsby-source-wordpress – Y mucho más … 0:00 – Bienvenida 0:20 – La aplicación 3:19 – Breve sobre Gatsby 7:03 – Breve sobre GraphQL 9:48 – Archivos de inicio 15:04 – Configurar el sitio de WP usando Local por FlyWheel 19:45 – Configurar el sitio de WP usando Docker23: 58 – Sitio de WP y los complementos de WP necesarios 29:54 – Breve acerca de las herramientas 32:15 – Elección – Comenzar desde cero o usar Starter Project 33 : 16 – Crear un nuevo proyecto Gatsby con Gatsby CLI 37:17 – Instalar dependencias 44:00 – Copiar desde archivos de inicio y limpiar 52:38 – Configurar complementos de Gatsby 1:03:25 – Diseño – Scaffold 1:11:25 – Diseño – Hamburger 1:20:57 – Diseño – GraphQL Query y gancho personalizado 1:30:45 – Diseño – Encabezado 1:38:11 – Diseño – Navegación 1:51:53 – Diseño – Pie de página 1:56:13 – Diseño – OverlayMenu 2:09:25 – Índice – Her oImage – Consulta GraphQL 2:17:19 – Índice – HeroImage 2:26:15 – Índice – CtaArea – Consulta GraphQL 2:34:43 – Índice – CtaArea 2:38:10 – Índice – Cta 2:50:27 – Índice – Última publicación de blog – Consulta GrqphQL 2:54:19 – Índice – Última publicación de blog 3:02:02 – Índice – Cita – Consulta GraphQL 3:05:32 – Índice – Cita 3:12:40 – Índice – Acerca de – GraphQL consulta 3:16:06 – Índice – Aproximadamente 3:22:32 – Página – Crear páginas con la API de ruta 3:27:35 – Página – Andamio 3:32:07 – Página – Consulta de página 3:44:21 – Página – PageHero 3:50:33 – Página – BreadCrumb 3:58:24 – Página – Barra lateral y contenido 4:15:14 – Archivo – Nodo Gatsby – Consulta GraphQL 4:24:17 – Archivo – Andamio de plantilla 4:29: 10 – Archivo – gatsby-node – Crear páginas 4:42:04 – Archivo – Plantilla – Consulta de página 4:47:32 – Archivo – Plantilla – Imagen de héroe y BreadCrumb 4:51:14 – Archivo – Plantilla – Barra lateral 5:01 : 22 – Archivo – Plantilla – Contenido 5:06:22 – Archivo – Plantilla – Paginación 5:13:30 – Publicaciones – Crear páginas de publicaciones con la API de ruta 5:16:13 – Publicaciones – Andamio 5:20:20 – Publicaciones – Consulta de página 5:23:43 – Publicaciones – Barra lateral y contenido 5:31:06 – Compilación de producción 5:33:21 – Implementar en Gatsby Cloud con WebHooks Apóyeme suscribiéndome a este canal ❤️ ¿Quieres dominar # reaccionar, #gatsby o #svelte rápido? ⏩ 🚀 👩‍🚀 Consulte mis cursos premium en https://www.weibenfalk.com – Encuéntreme en algún lugar a continuación: Sitio web: https://www.weibenfalk.com Udemy: https://www.udemy.com/user / thomas-928 / Linkedin: https://www.linkedin.com/in/thomas-weibenfalk-76356611/ Twitter: https://twitter.com/weibenfalk Github: https://github.com/weibenfalk FreeCodeCamp: https : //www.freecodecamp.org/news/author/thomas-weibenfalk/ Dev.to: https://dev.to/weibenfalk.

Tutoriales de WordPress. Encuentra los mejores tutoriales, plugins y temas de WordPress Gratis.

Fuente: WordPress Youtube