Gatsby JS & Prismic: Construa sites RÁPIDOS com Gatsby [Gatsby.js v4]

Gatsby JS & Prismic: Use dados do CMS headless Prismic no Gatsby para gerar sites estáticos com Gatsby.js e implantar no Gatsby Cloud

Você está procurando aprimorar suas habilidades em React JS e se tornar um desenvolvedor front-end mais valioso? O Gatsby permite que você crie sites incrivelmente rápidos com seus dados de qualquer fonte. Diga adeus aos CMSs desatualizados e abrace o futuro. Neste curso, vamos construir um site Gatsby usando dados de uma fonte CMS Prismic. Eleve suas habilidades em React aprendendo Gatsby.js com um backend do Prismic CMS. O Gatsby JS utiliza React JS e GraphQL para gerar e construir páginas estáticas com base em um conjunto de dados fornecido. Ao longo deste curso, exploraremos a configuração do Prismic como um CMS headless enquanto usamos o GatsbyJS para criar um site React renderizado no servidor e extremamente rápido usando dados do Prismic, incluindo páginas, menus, mídia e muito mais, utilizando o GraphQL para consultar os dados. Nosso foco será no desenvolvimento de um site de página de destino, começando com a configuração inicial e o desenvolvimento do Gatsby JS e Prismic localmente. Criaremos componentes React no Gatsby com base nos dados do Prismic e usaremos o GraphQL para gerar automaticamente nossas páginas estáticas. Além disso, criaremos uma página de contato dinâmica no Gatsby que nos permitirá atualizar campos de formulário dentro do Prismic e capturar endereços de e-mail e outros detalhes do usuário usando o formspree. Também exploraremos como consultar dados do Prismic usando o GraphQL e a ferramenta de navegador GraphiQL. Depois de nos sentirmos confortáveis com o desenvolvimento do GatsbyJS e Prismic, passaremos para a configuração e implantação de um site ao vivo usando o Gatsby Cloud. Essa configuração reconstruirá nossas páginas da web estáticas sempre que atualizarmos o conteúdo em nosso backend do Prismic. É recomendado ter conhecimento básico de React antes de fazer este curso. Abordaremos tudo o mais, incluindo Gatsby.js, Prismic, GraphQL e styled-components. Fique à frente da concorrência com o Gatsby! O Gatsby.js constrói os sites mais rápidos possíveis. Em vez de esperar que as páginas sejam geradas sob demanda, o Gatsby pré-constroi as páginas e as armazena em uma nuvem global de servidores (usaremos o Gatsby Cloud para isso), prontas para serem entregues instantaneamente aos seus usuários, não importa onde eles estejam. Algumas vantagens de usar o Gatsby incluem: não esperar por respostas da API, não esperar para renderizar componentes com base em dados solicitados, não há indicadores de carregamento e não esperar que um servidor compile uma página para servir ao navegador. Essas páginas já estão pré-compiladas com o Gatsby e prontas para serem servidas instantaneamente aos seus usuários. Este curso do Gatsby abrange uma ampla gama de tópicos para garantir que você tenha uma compreensão abrangente da plataforma.

O que você aprenderá

- Aumente seu valor e conhecimento como desenvolvedor front-end/React JS - Adquira proficiência em Gatsby - Construa um site estático, compilado no servidor e orientado por conteúdo usando Gatsby JS (com React JS e GraphQL) - Aprenda a usar o GraphQL e o GraphiQL no Gatsby para consultar dados armazenados no CMS Prismic - Implante seu site estático do Gatsby JS e reconstrua-o automaticamente sempre que o conteúdo do Prismic for alterado usando o Netlify - Utilize formulários do Netlify dentro do Gatsby para capturar endereços de e-mail e detalhes pessoais do usuário.