Introdução

Concluído

Imagine que você está trabalhando em um site de comércio eletrônico. Você deseja garantir que as páginas de produtos possam ser encontradas por meio de um mecanismo de pesquisa e que elas sejam carregadas rapidamente. Independentemente da abordagem de tecnologia escolhida, você deseja garantir o uso de algo que siga as melhores práticas para arquitetura. As estruturas e técnicas selecionadas devem ser usadas normalmente para que você possa encontrar ajuda se precisar dela.

Uma forma de abordar a compilação de um aplicativo como esse é usar um gerador de site estático. Com um gerador de site estático, você pode montar um site estático usando conteúdo e dados em todos os tipos de locais, como dentro dos arquivos JSON, XML, YAML ou em um banco de dados, ou até mesmo um serviço de terceiros acessível por meio da Web. Produzir essas páginas estáticas é, por esse motivo, um processo um pouco complexo. Portanto, o uso de ferramenta de geração de site estático para produzir essas páginas estáticas se tornou uma necessidade.

Depois de produzir essas páginas estáticas, você precisará pensar em como implantá-las na Web. Para se manter competitivo(a), você precisa de um serviço que possa permitir uma implantação fácil e rápida de nossas páginas. Quanto menos tempo você gasta para configurar a implantação do aplicativo, mais tempo você pode gastar para aprimorar os recursos.

Neste módulo, você usará as ferramentas de linha de comando do Gatsby para criar um aplicativo Web. Você criará uma página no aplicativo e adicionará conteúdo a ela com as ferramentas de consulta do Gatsby. Por fim, você implantará o aplicativo na Web usando o serviço Aplicativos Web Estáticos do Azure.

No final do módulo, você poderá criar aplicativos Web com o Gatsby e publicá-los na Web.

Objetivos de aprendizagem

Neste módulo, você vai:

  • Usar o Gatsby para criar um aplicativo Web estático
  • Adicionar dados a uma página no aplicativo com uma consulta do GraphQL
  • Implantar o aplicativo na Web com os Aplicativos Web Estáticos do Azure

Pré-requisitos

  • Git e Node.js instalados no computador
  • Familiaridade com a edição de texto e os arquivos de código em qualquer editor de texto
  • Experiência de nível iniciante na criação de aplicativos com o Gatsby
  • Experiência no uso da linha de comando, incluindo as operações do Git
  • Uma conta do GitHub