gatsby
v5.14.0
O futuro do desenvolvimento web está aqui.
Gatsby é uma estrutura gratuita e de código aberto baseada em React que ajuda os desenvolvedores a construir sites e aplicativos extremamente rápidos.
Ele combina o controle e a escalabilidade de sites renderizados dinamicamente com a velocidade da geração de sites estáticos, criando uma nova rede de possibilidades.
Gatsby ajuda desenvolvedores profissionais a criar com eficiência sites sustentáveis, de alto desempenho e ricos em conteúdo.
Carregue dados de qualquer lugar. Gatsby extrai dados de qualquer fonte de dados, sejam arquivos Markdown, um CMS headless como Contentful ou WordPress, ou uma API REST ou GraphQL. Use plug-ins de origem para carregar seus dados e, em seguida, desenvolva usando a interface GraphQL uniforme de Gatsby.
Vá além dos sites estáticos. Obtenha todos os benefícios de sites estáticos sem nenhuma das limitações. Os sites Gatsby são aplicativos React totalmente funcionais, para que você possa criar aplicativos da web dinâmicos e de alta qualidade, de blogs a sites de comércio eletrônico e painéis de usuário.
Escolha suas opções de renderização. Você pode escolher opções de renderização alternativas, nomeadamente Geração Estática Diferida (DSG) e Renderização do Lado do Servidor (SSR), além de Geração Estática de Site (SSG) — por página. Esse tipo de controle granular permite otimizar o desempenho e a produtividade sem sacrificar um pelo outro.
O desempenho está incorporado. Aceite suas auditorias de desempenho por padrão. Gatsby automatiza a divisão de código, otimização de imagem, incorporação de estilos críticos, carregamento lento, pré-busca de recursos e muito mais para garantir que seu site seja rápido - sem necessidade de ajuste manual.
Use uma pilha moderna para cada site. Não importa de onde vêm os dados, os sites Gatsby são construídos usando React e GraphQL. Crie um fluxo de trabalho uniforme para você e sua equipe, independentemente de os dados virem do mesmo back-end.
Anfitrião em escala por centavos. Os sites Gatsby não exigem servidores, então você pode hospedar todo o seu site em uma CDN por uma fração do custo de um site renderizado por servidor. Muitos sites de Gatsby podem ser hospedados totalmente gratuitos no Netlify e outros serviços semelhantes.
Use a camada de dados centralizada de Gatsby em qualquer lugar. Com Valhalla Content Hub de Gatsby você pode trazer a camada de dados de Gatsby para qualquer projeto. Tornando-o acessível por meio de uma API GraphQL unificada para a construção de sites de conteúdo, plataformas de comércio eletrônico e aplicativos nativos e da web.
Aprenda como usar Gatsby em seu próximo projeto.
Clique no link abaixo para experimentar rapidamente o fluxo de trabalho de desenvolvimento, construção e implantação de sites com Gatsby e Netlify.
Ao final deste processo, você terá
um site trabalhando no Netlify
um novo repositório vinculado a esse novo site
conforme você envia alterações para seu novo repositório, o Netlify irá reconstruir e reimplantar automaticamente seu site!
Você pode colocar um novo site Gatsby em funcionamento em seu ambiente de desenvolvimento local em 5 minutos com estas quatro etapas:
Inicialize um novo projeto.
npm inicia gatsby
Dê a ele o nome de "Meu Site Gatsby".
Inicie o site em modo develop .
Em seguida, vá para o diretório do seu novo site e inicie-o:
cd meu-site-gatsby/ npm executar desenvolver
Abra o código-fonte e comece a editar!
Seu site agora está rodando em http://localhost:8000 . Abra o diretório my-gatsby-site no editor de código de sua preferência e edite src/pages/index.js . Salve suas alterações e o navegador será atualizado em tempo real!
Neste ponto, você tem um site Gatsby totalmente funcional. Para obter informações adicionais sobre como você pode personalizar seu site Gatsby, consulte nossos plugins e o tutorial oficial.
A documentação completa de Gatsby está no site.
Para a maioria dos desenvolvedores, recomendamos começar com nosso tutorial detalhado para criar um site com Gatsby. Ele começa com zero suposições sobre seu nível de habilidade e percorre todas as etapas do processo.
Para mergulhar diretamente nos exemplos de código, acesse nossa documentação. Em particular, verifique as seções “ Guias práticos ”, “ Referência ” e “ Guias conceituais ” na barra lateral.
Aceitamos sugestões para melhorar nossos documentos. Consulte a documentação “como contribuir” para obter mais detalhes.
Comece a aprender Gatsby: siga o tutorial · Leia a documentação
Quer saber o que enviamos recentemente? Confira nossas notas de lançamento para conhecer os principais destaques, melhorias de desempenho, novos recursos e correções de bugs notáveis.
Além disso, leia nossa documentação sobre suporte de versão para entender nossos planos para cada versão do Gatsby.
Já tem um site do Gatsby? Esses guias úteis irão ajudá-lo a adicionar as melhorias do Gatsby v5 ao seu site sem começar do zero!
Migrar da v4 para a v5
Migrar da v3 para a v4
Migrar da v2 para a v3
Gatsby se dedica a construir uma comunidade acolhedora, diversificada e segura. Esperamos que todos os participantes da comunidade Gatsby cumpram nosso Código de Conduta . Por favor, leia. Por favor, siga-o. Na comunidade Gatsby, trabalhamos duro para edificar uns aos outros e criar coisas incríveis juntos. ??
Esteja você nos ajudando a corrigir bugs, melhorar a documentação ou divulgar, adoraríamos ter você como parte da comunidade Gatsby!
Confira nosso Guia de Contribuição para ideias sobre como contribuir e etapas de configuração para colocar nossos repositórios em funcionamento em sua máquina local.
Este repositório é um monorepo gerenciado usando Lerna. Isso significa que há vários pacotes gerenciados nesta base de código, mesmo que os publiquemos no NPM como pacotes separados.
Licenciado sob a licença MIT.
Agradecemos a todos os nossos colaboradores que criam plug-ins, iniciadores, vídeos e postagens de blog. E um agradecimento especial aos membros da nossa comunidade que ajudam com problemas e relações públicas ou respondem a perguntas nas discussões do Discord e do GitHub.
Uma grande parte do que torna Gatsby incrível são cada um de vocês na comunidade. Suas contribuições enriquecem a experiência de Gatsby e a tornam melhor a cada dia.
