{"componentChunkName":"component---src-templates-blog-post-js","path":"/a-verdade-sobre-gatsbyjs/","result":{"data":{"markdownRemark":{"fields":{"slug":"/a-verdade-sobre-gatsbyjs/"},"frontmatter":{"titulo":"A verdade sobre GatsbyJs","data":"30/04/2020","tag":"GatsbyJs","image":{"childImageSharp":{"fluid":{"src":"/static/d294be627d7b95ae14a54c19d95b6bd4/7a3c2/group-1.png","base64":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAACXBIWXMAAAsTAAALEwEAmpwYAAACp0lEQVQoz4WT/0sTYRzH9y9EkebmNtttd878tk0XFGJifpub37Z0Oam01M1yZZMgtQIFoVRaTY3UQGVBc34hU0RakRI5KglKlESi1Ah/DhSX9+65bUpC4gPv+7zvOF73/tzzeXjCo9G/1SdTkZ1TxOryjcjUnoFGV4ic/GKka/TIIErP0iMr+Dw5VQsxFQsJrYA0UgmKURKvZIN1i5eSpsOrFzPsxFMvvJ45cGt9fR2rqz/x79rY2MDmps/v2+53IDScQYRU5QdTjGIHyisxWdhn9te4oe9k75x/guXFNQyNDKK3tw9erxcejwdutxsulwtOpxOrKyt4PjoGoegYFDGZEIqTQdGK7YQsAVZhvG8Gj24Pw1E3iOWlNbiHBtDY2ASr1Yr6+no0NDTAZrOhjvja2lrY7Q4ImHi0VZ1FivI0+FQcpAEgeNm5Rfj6+Ttmxufx7cuvnRb/+Hy7WmbZLe6ChcUF9HR1IE4cgzZJFroiNBASOEVgnHhCSQw0uYWwXLHBfLkGlyqsKK+8ikoL8aRWkFpu5u6v46LZigfXatAcrUV7eCbehhkwHaaHkk6EiPxHP5DrnS+KwuEwmV8hfDoo2a4aSnSAeDFfDrsgA6OCPEwLDHjPL4RRkgQ+SSnlgIHtV0EmT9hTNBElVyFerkZ7ZDYmmXysUSbMHszF7KE8WMUpOMLEQbadcD9xXw4nCZLo44CsFKBLcVeaBk/JLcx1j6Lp3sPgPCpIQia45Uxgjv4rAhSTlxMYNaYkBfhIGWAOUaF5cBgfln5gYOwlq1Cf4gae5QVgij1h/sGlA14kiUVnog7VJ7Tor76JkckpeD/NY+LNOxQYy1iBSO5P6NsPyh0xEZmGnAITWlpbYDxXhgyDCa2OHjzuc8HR3c8WX7BAIIpi/wJ+yfkIY8t9fgAAAABJRU5ErkJggg==","aspectRatio":1.7045454545454546,"srcSet":"/static/d294be627d7b95ae14a54c19d95b6bd4/7e7e9/group-1.png 225w,\n/static/d294be627d7b95ae14a54c19d95b6bd4/62b1f/group-1.png 450w,\n/static/d294be627d7b95ae14a54c19d95b6bd4/7a3c2/group-1.png 733w","sizes":"(max-width: 733px) 100vw, 733px"}}}},"html":"<p>Antes de ir direto ao ponto, escrevi esse post ouvindo essa música do <a href=\"https://www.youtube.com/watch?v=FG2PgVl0Nlc\">Daniel Caesar - Japanese Denim</a> ❤️</p>\n<p><strong>Vamos ao que interessa...</strong></p>\n<p>Em meio a crise do <a href=\"https://covid.saude.gov.br/\">COVID-19</a> estava realmente triste e desmotivada, eu precisava aprender, algo que eu realmente gostasse de fazer e que ajudasse alguém de alguma maneira...</p>\n<p><img src=\"https://media.giphy.com/media/XB2oEtm3Tg9n6LIQsp/source.gif\" alt=\"Friends gif\"></p>\n<p>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.</p>\n<p>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.</p>\n<p>Mas primeiro vamos entender o que Gatsby!</p>\n<p><img src=\"https://media.giphy.com/media/CjmvTCZf2U3p09Cn0h/giphy.gif\" alt=\"Let&#x27;s go gif\"></p>\n<p>O <a href=\"https://www.gatsbyjs.org/\">Gatsby </a>é um SSG (Static Site Generator) opensource baseado em <a href=\"https://pt-br.reactjs.org/\">React </a>e utiliza o GraphQL para consumir conteúdos e assets com foco em tornar o desenvolvimento de sites divertido e eficiente.</p>\n<p>Para entender o modelo e a estrutura do gatsby recomendo esse vídeo <a href=\"https://www.youtube.com/watch?v=htY0pyAbeUU\">clicando aqui</a>.</p>\n<p>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 <strong>rápido, efetivo e performático</strong>, acima de tudo.</p>\n<p>Além disso o gatsby tem vários <a href=\"https://www.gatsbyjs.org/plugins/\">plugins </a> 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.</p>\n<p>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.</p>\n<p><img src=\"https://media.giphy.com/media/mGK1g88HZRa2FlKGbz/giphy.gif\" alt=\"Palmas gif\"></p>\n<h3>Vantagens</h3>\n<ul>\n<li>SEO (por gerar arquivos estáticos).</li>\n<li>Documentação e comunidade grande.</li>\n<li>Diversos plugins.</li>\n<li>GraphQL, uma sintaxe limpa, comandos didáticos e um painel para testar consultas.</li>\n<li>Você consegue hospedar sem pagar um centavo utilizando o <a href=\"https://www.netlify.com/\">netlify</a> e o <a href=\"https://www.netlifycms.org/\">netlify cms</a> para criar seus posts de forma prática.</li>\n<li>Prático e rápido para criar portfólio.</li>\n</ul>\n<h3>Desvantagens</h3>\n<ul>\n<li>Não e recomendado utilizar ele em projetos com grande volume de conteúdo dinâmico. Nesse caso indico utilizar o <a href=\"https://nextjs.org/\">NextJS</a>.</li>\n</ul>\n<p>Se você está buscando uma aplicação performática, que não depende de dados sendo atualizados em tempo real, o Gatsby é um ótima solução!</p>\n<p>Por hoje e só!</p>\n<p>Até mais.</p>\n<p><img src=\"https://media.giphy.com/media/l3vRbyZfZkTv1GzbG/giphy.gif\" alt=\"Bye gif\"></p>","timeToRead":2}},"pageContext":{"slug":"/a-verdade-sobre-gatsbyjs/","previousPost":{"fields":{"slug":"/maneira-mais-rapida-de-validar-sua-ideia-startup-weekend-e-hackathon/"},"frontmatter":{"templateKey":"blog-post","data":"01 de Maio de 2020","tag":"Carreira","titulo":"Maneira mais rápida de validar sua ideia - Startup Weekend e Hackathon","locale":"pt"},"timeToRead":2},"nextPost":null,"locale":"pt"}}}