Guia do Desenvolvedor Gatsby JS - Partes Importantes e Aplicativo de Blog

Aprenda o popular framework Gatsby JS e crie sua própria página de blog

Descubra o poder do framework Gatsby JS (Gatsby v3) e aprenda como usar React e GraphQL para criar sua própria página de blog com arquitetura JAMStack.

Visão geral do curso

Você está interessado em aprender Gatsby JS? Não procure mais! Este curso abrangente irá ensinar tudo o que você precisa saber para começar a trabalhar em seus próprios projetos Gatsby JS. Com exercícios práticos e exemplos do mundo real, você adquirirá as habilidades e conhecimentos para construir sua própria aplicação de blog.

O Gatsby JS é um gerador de sites estáticos baseado em React e alimentado por GraphQL. Ele oferece uma poderosa pré-configuração que permite construir sites usando apenas arquivos estáticos, resultando em carregamento de página extremamente rápido, workers de serviço, divisão de código, renderização do lado do servidor, carregamento inteligente de imagens, otimização de ativos e pré-carregamento de dados.

Destaque do curso

Neste curso, você aprenderá sobre os seguintes tópicos:

• Noções básicas do Gatsby JS e inicialização do projeto
• Estrutura de pastas e criação de novas páginas
• Sistema de templates e diferentes tipos de estilos
• Passagem de dados para páginas
• Introdução ao GraphQL e construção de consultas personalizadas
• Resolvers, argumentos e tipos personalizados
• Arquitetura de nós e criação de novos nós
• Sistema de plugins e explicação dos plugins de origem e transformação
• Obtenção de dados de um sistema de arquivos local e renderização de arquivos markdown
• API de rota do sistema de arquivos
• Recurso de paginação e construção de consultas para páginas de paginação estáticas
• Recurso de pesquisa e compreensão da necessidade de um índice de pesquisa
• Melhorias de otimização para mecanismos de busca (SEO)
• Uso de diferentes meta tags e dados para obter melhores resultados de pesquisa
• Tags de Open Graph
• Recurso de RSS e criação de arquivo XML
• Inscrição na página do blog por meio de agregadores de RSS
• Implantação no Gatsby Cloud e visualização do aplicativo online
• Recursos de PWA e explicação de aplicativos da web progressivos
• Suporte offline e instalação do aplicativo como um aplicativo nativo
• Provedor de tema de contexto e implementação de provedores de contexto

O que você aprenderá

• Construir aplicativos Gatsby JS por conta própria
• Criar aplicativos de página estática usando tecnologias modernas
• Entender o significado e os benefícios do JAMStack
• Utilizar o GraphQL a seu favor