gatsby

O Gatsby é um framework web gratuito e open-source baseado em React, lançado sob a licença MIT e distribuído no npm como o pacote `gatsby`. De acordo com seu README, ele visa combinar o controle e a escalabilidade de sites renderizados dinamicamente com a velocidade da geração de sites estáticos, ajudando desenvolvedores a criar sites e aplicativos ricos em conteúdo e com alto desempenho. **Camada de dados** O Gatsby pode extrair conteúdo de qualquer fonte de dados: arquivos Markdown, sistemas CMS headless como Contentful ou WordPress, ou APIs REST e GraphQL. Plugins de origem carregam os dados, e os desenvolvedores trabalham então contra uma interface GraphQL unificada, independentemente do back-end. **Opções de renderização** O projeto documenta três abordagens de renderização que podem ser selecionadas por página: Static Site Generation (SSG), Deferred Static Generation (DSG) e Server-Side Rendering (SSR). O README apresenta essa granularidade como uma maneira de equilibrar desempenho e produtividade por página, em vez de globalmente. **Além dos sites estáticos** Os sites Gatsby são descritos como aplicativos React totalmente funcionais, de modo que a mesma estrutura pode servir blogs, sites de comércio eletrônico e painéis de usuário. Como a saída é estática, os sites podem ser hospedados em uma CDN sem servidor, e o README observa que muitos sites podem ser hospedados gratuitamente no Netlify e serviços semelhantes. **Recursos de desempenho** O README afirma que o Gatsby automatiza code splitting, otimização de imagens, incorporação de estilos críticos, carregamento preguiçoso e prefetching de recursos, de modo que o ajuste de desempenho é amplamente integrado em vez de manual. **Primeiros passos** Dois caminhos rápidos são documentados. Online: um botão "Deploy to Netlify" cria um site funcional mais um repositório vinculado que reconstrói automaticamente a cada push. Localmente: execute `npm init gatsby` para criar a estrutura de um projeto, depois `cd my-gatsby-site/` e `npm run develop` para iniciar um servidor de desenvolvimento em `http://localhost:8000` com atualizações em tempo real ao editar arquivos como `src/pages/index.js`. Páginas separadas de quickstart, tutorial, plugin, starter e showcase estão vinculadas no topo do README. **Documentação e comunidade** O README aponta para um tutorial abrangente que não pressupõe nenhum nível prévio de habilidade, além de seções de documentação com guias práticos, material de referência e guias conceituais. Notas de versão e documentação de suporte por versão estão vinculadas, e guias de migração cobrem a atualização da v2 para v3, v3 para v4 e v4 para v5. Um código de conduta e um guia de contribuição são fornecidos, e o repositório é organizado como um monorepo gerenciado pelo Lerna, contendo múltiplos pacotes publicados separadamente no npm. Issues, discussões e pull requests fazem parte do fluxo de trabalho da comunidade descrito.