Gatsby JS v5 e WordPress Headless (Gatsby & WordPress 2023)

Gatsby.js & WordPress: Domine o Gatsby e crie sites estáticos Gatsby ultrarrápidos com um backend WordPress, incluindo Gutenberg

ATUALIZAÇÃO JAN 2023 - Este curso foi completamente atualizado para usar o Gatsby v5 e o WordPress Headless com blocos Gutenberg / editor de blocos do WordPress. Você quer aprimorar suas habilidades em React JS e elevar seu valor como desenvolvedor front-end? - O Gatsby permite que você construa sites incrivelmente rápidos com seus dados, independentemente da fonte. Liberte seus sites de CMSs desatualizados e mergulhe no futuro. Aumente suas habilidades em React dominando o Gatsby.js com um backend WordPress! O Gatsby JS utiliza React JS e GraphQL para gerar e construir páginas estáticas a partir de um conjunto de dados fornecido. Este curso irá guiá-lo na configuração do WordPress como um CMS headless, enquanto utiliza o GatsbyJS para criar um site React de renderização de servidor ultrarrápido a partir de dados do WordPress usando o novo editor de blocos do WordPress (também conhecido como editor de blocos Gutenberg). Desenvolveremos posts personalizados, páginas, menus, mídia, campos personalizados avançados (e muito mais!) usando o GraphQL para consultar esses dados. Sim, você ouviu direito, podemos realmente consultar dados do WordPress usando o GraphQL! Este curso abordará o Gatsby v5 com WordPress (usando o novo editor de blocos Gutenberg). Neste curso, criaremos The Gatsby Garage; uma oficina de carros clássicos que compra e vende carros clássicos. Ao construir este site, exploraremos inúmeras funcionalidades do Gatsby e do WordPress. Estilizaremos nosso site usando o Tailwind CSS. Nos aprofundaremos no desenvolvimento do WordPress criando nossos próprios blocos Gutenberg personalizados usando o ACF Pro. Implementaremos formulários onde armazenaremos envios de formulários diretamente no WordPress usando o Contact Form 7 e o Flamingo. Incorporaremos a pesquisa dinâmica de carros. Implataremos uma versão ao vivo e em produção do nosso site. Além disso, há muito mais! Este é o ÚNICO recurso online que aborda o uso do Gatsby e do WordPress dessa maneira. É recomendado ter conhecimento básico de React. Abordaremos tudo o mais, desde Gatsby.js, WordPress, GraphQL até Tailwind CSS! Veja o que outros alunos estão dizendo sobre este curso de Gatsby e WordPress:

5/5 estrelas - Tom é um cara muito legal com uma boa voz. Seu curso é conciso e suas respostas às perguntas são excelentes. Eu aprecio que este curso não seja muito longo e demonstre as infinitas possibilidades que podem ser alcançadas com o Gatsby e a API do WordPress. Para mim, este é um excelente ponto de partida para transformar sites sem um CMS em sites com CMS - Edwin Smith

5/5 estrelas - O curso do Tom é claro, conciso e fornece um ótimo exemplo de como aproveitar seu conhecimento em React para trabalhar fluentemente com o Gatsby. - Robert Thompson

5/5 estrelas - Direto ao ponto, sem conversa desnecessária, Tom entrega o curso como uma experiência compartilhada entre dois colegas. Com base em sua experiência, sem a intenção de ensinar, mas mostrando o que ele considera útil, ele guia suavemente as palestras, entrelaçando React, GraphQL e WordPress com o Gatsby de uma maneira minimalista que é acessível a qualquer pessoa. Não espere padrões complexos de React, pois esse não é o foco; Eu realmente aprecio isso do Tom, mantendo o foco na arquitetura geral, não apenas nos detalhes específicos de React/WordPress/GraphQL. Apenas esteja ciente de que não estamos discutindo padrões antigos da web, então certifique-se de ter um bom entendimento de React, WordPress e APIs REST; e através de suas explicações, o Gatsby se encaixará naturalmente quase despercebido; você já estará usando-o. - Anthony Garcia

5/5 estrelas - Eu não tinha ideia de que isso era possível! Eu geralmente trabalho com React, mas nunca usei o WordPress antes, mas achei este curso bem explicado. Curso brilhante - obrigado! - Caroline Evans

O que você aprenderá

• Aumente seu valor e aprimore seus conhecimentos como desenvolvedor front-end / React JS
• Domine o Gatsby
• Crie um site estático, compilado no servidor, orientado a conteúdo usando o Gatsby JS (com React JS e GraphQL)
• Aprenda a usar o GraphQL e o GraphiQL para consultar dados armazenados no WordPress
• Configure o WordPress como um backend para construir conteúdo e, em seguida, renderize o conteúdo como páginas com React JS e GraphQL
• Implante seu site estático do Gatsby JS e reconstrua automaticamente sempre que o conteúdo for alterado usando o Gatsby Cloud
• Utilize o Tailwind CSS para estilizar nossos blocos personalizados do WordPress