Resumo

  • 1 minuto

Você começou com o desafio de resolver problemas comuns no espaço de desenvolvimento da Web, incluindo SEO, velocidade de carregamento de página, garantindo também que você tivesse uma arquitetura confiável ao compilar o aplicativo.

Você avaliou a ferramenta de linha de comando do Gatsby para resolver os problemas acima. A abordagem do Gatsby é produzir um conjunto de páginas estáticas que carregam rapidamente e cuja indexação no mecanismo de pesquisa seja feita de maneira fácil e eficiente.

O Gatsby conta com o React.js, o GraphQL e seu gráfico de dados na memória. Ao usar os dados JSON do grafo na memória, você poderá produzir páginas usando componentes do React.js com conteúdo e dados de várias fontes.

Você também viu como os plug-ins estendem a funcionalidade do Gatsby para lidar com diversos tipos de conteúdo. Os plug-ins podem originar conteúdo e dados de praticamente qualquer lugar durante o processo de build e colocá-lo no Graph interno que você aprendeu a consultar. Aprender a aproveitar os plug-ins será útil para o futuro, pois você continuará compilando o aplicativo usando diversos tipos de conteúdo, como Markdown, JSON e até mesmo pontos de extremidade de serviço entre muitas outras fontes de conteúdo.

Além disso, você aprendeu como o Gatsby produz um build, um conjunto implantável de arquivos que consiste basicamente em HTML, CSS e JavaScript. A compilação do aplicativo preparou-o para que pudesse ser implantado em praticamente qualquer lugar.

Por fim, você implantou o aplicativo. Você aprendeu sobre os Aplicativos Web Estáticos do Azure, um serviço que pode hospedar o aplicativo Gatsby no Azure. Você usou os Aplicativos Web Estáticos para implantar o aplicativo em minutos.

Recursos adicionais

Aqui estão alguns recursos para ajudar você a saber mais sobre o Gatsby e as ferramentas e tecnologias usadas no módulo.