A verdade sobre GatsbyJs

• 2 min de leitura

Antes de ir direto ao ponto, escrevi esse post ouvindo essa música do Daniel Caesar - Japanese Denim ❤️

Vamos ao que interessa...

Em meio a crise do COVID-19 estava realmente triste e desmotivada, eu precisava aprender, algo que eu realmente gostasse de fazer e que ajudasse alguém de alguma maneira...

Friends gif

E porque não um blog ? Juntar o útil ao agradável e ajudar a comunidade de certa forma compartilhando o que estou aprendendo no momento, somos eternos aprendizes hehehe.

Comecei a pesquisar ferramentas no mercado para por a mão na massa... Entre diversos frameworks encontrei o Gatsby e era tudo que precisava por que ele se baseia no React.

Mas primeiro vamos entender o que Gatsby!

Let's go gif

O Gatsby é um SSG (Static Site Generator) opensource baseado em React e utiliza o GraphQL para consumir conteúdos e assets com foco em tornar o desenvolvimento de sites divertido e eficiente.

Para entender o modelo e a estrutura do gatsby recomendo esse vídeo clicando aqui.

Uma das suas principais vantagens é gerar arquivos estáticos no build, enquanto usamos React em tempo de desenvolvimento. O foco do Gatsby é proporcionar um desenvolvimento rápido, efetivo e performático, acima de tudo.

Além disso o gatsby tem vários plugins que você pode utilizar para várias coisas. Por gerar arquivos estáticos e ter sistemas de cache, a performance é muito boa e o SEO melhor ainda.

Hoje, tem muitas empresas utilizando essa ferramenta no mercado, até por ela ser open source, o que facilita e dá uma direção melhor de comunidade dentro dessa framework.

Palmas gif

Vantagens

SEO (por gerar arquivos estáticos).
Documentação e comunidade grande.
Diversos plugins.
GraphQL, uma sintaxe limpa, comandos didáticos e um painel para testar consultas.
Você consegue hospedar sem pagar um centavo utilizando o netlify e o netlify cms para criar seus posts de forma prática.
Prático e rápido para criar portfólio.