Repolode
Enviar
gatsbyjs

gatsbyjs/gatsby

Um framework baseado em React para criar sites e apps rápidos, buscando dados de CMSs, arquivos Markdown e APIs por meio de GraphQL.

Ver no GitHubSite
Estrelas
55,937
Forks
10,102
Issues abertas
457
Último commit
há 18 horas

O que é?

Gatsby é um framework React para criar sites e apps. Ele carrega dados de fontes como arquivos Markdown, CMSs headless como Contentful ou WordPress e APIs REST ou GraphQL por meio de plugins de origem, e então disponibiliza tudo em uma única interface GraphQL.

A renderização pode ser escolhida para cada página entre geração de site estático, geração estática adiada e renderização no servidor. Gatsby também automatiza divisão de código, otimização de imagens, incorporação de CSS crítico, carregamento sob demanda e pré-busca de recursos. Como o resultado é um build estático, os sites podem ser hospedados em uma CDN sem precisar manter um servidor em execução.

O projeto é um monorepo Lerna que publica seus pacotes no npm e é distribuído sob a licença MIT. Novos projetos podem ser criados com npm init gatsby, e há starters disponíveis para tipos de site comuns.

Recursos principais

  • 01Busca dados de arquivos Markdown, CMSs headless e APIs REST ou GraphQL por meio de plugins de origem.
  • 02Disponibiliza todos os dados em uma interface GraphQL uniforme.
  • 03Oferece renderização estática, geração estática adiada e renderização no servidor para cada página.
  • 04Automatiza divisão de código, otimização de imagens e carregamento sob demanda.
  • 05Gera arquivos estáticos que podem ser hospedados em uma CDN.

Casos de uso

  • Criar blogs com muito conteúdo ou sites de marketing integrados a um CMS headless.
  • Criar lojas de e-commerce ou painéis de usuário que ainda precisam de desempenho estático.
  • Hospedar um site em uma CDN com custo mínimo de servidor.

Início rápido

  1. 1

    Inicialize um novo projeto

    npm init gatsby
  2. 2

    Acesse o diretório do novo site e inicie o modo de desenvolvimento

    cd my-gatsby-site/ npm run develop
  3. 3

    Abra http://localhost:8000 e edite src/pages/index.js

Tópicos

#react#static-site-generator#graphql#web-framework#jamstack#ssr#blog#compiler#gatsby#web-app

Perguntas frequentes

O que é gatsby?
Um framework baseado em React para criar sites e apps rápidos, buscando dados de CMSs, arquivos Markdown e APIs por meio de GraphQL. Gatsby é um framework React para criar sites e apps. Ele carrega dados de fontes como arquivos Markdown, CMSs headless como Contentful ou WordPress e APIs REST ou GraphQL por meio de plugins de origem, e então disponibiliza tudo em uma única interface GraphQL.
gatsby é gratuito? Qual é a licença?
gatsby é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
gatsby ainda é mantido?
Manutenção ativa. O último commit de gatsby foi em 20 de out. de 2026.
Para que posso usar gatsby?
Criar blogs com muito conteúdo ou sites de marketing integrados a um CMS headless. Criar lojas de e-commerce ou painéis de usuário que ainda precisam de desempenho estático. Hospedar um site em uma CDN com custo mínimo de servidor.
Como instalar gatsby?
Inicialize um novo projeto: npm init gatsby Acesse o diretório do novo site e inicie o modo de desenvolvimento: cd my-gatsby-site/ npm run develop Abra http://localhost:8000 e edite src/pages/index.js
Onde consigo gatsby?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/gatsbyjs/gatsby

Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.

Projetos relacionados