{"data":{"content":{"edges":[{"node":{"fields":{"slug":"/blog/quando-usar-gatsby-js-netlifycms/"},"frontmatter":{"title":"Quando usar: Gatsby.js & NetlifyCMS","description":"O Gatsby para muitos é o futuro da web moderna. Mas quais são os benefícios, como funciona seu ecossistema e quando não usar?","image":{"childImageSharp":{"fluid":{"base64":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAIABQDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAP/xAAWAQEBAQAAAAAAAAAAAAAAAAABAgT/2gAMAwEAAhADEAAAAZyNVSC//8QAFxAAAwEAAAAAAAAAAAAAAAAAAQMQE//aAAgBAQABBQJZVmZ//8QAFREBAQAAAAAAAAAAAAAAAAAAEBH/2gAIAQMBAT8Bh//EABQRAQAAAAAAAAAAAAAAAAAAABD/2gAIAQIBAT8BP//EABoQAAICAwAAAAAAAAAAAAAAAAERABASITH/2gAIAQEABj8COQ3A1yv/xAAXEAEBAQEAAAAAAAAAAAAAAAABEQAh/9oACAEBAAE/IQDbWW65Oab/2gAMAwEAAgADAAAAEPQf/8QAFhEBAQEAAAAAAAAAAAAAAAAAAQAR/9oACAEDAQE/EENl/8QAFhEAAwAAAAAAAAAAAAAAAAAAEBEh/9oACAECAQE/EFR//8QAGhABAQEBAAMAAAAAAAAAAAAAAREhAEFRYf/aAAgBAQABPxAG7DHb8k5UoAYye5yKzDxe/9k=","aspectRatio":2.4565217391304346,"src":"/static/1c7925917ab634288627f592fb6c95a5/32fd5/add-new-admin-field-to-gatsby-netlify-cms.jpg","srcSet":"/static/1c7925917ab634288627f592fb6c95a5/06e94/add-new-admin-field-to-gatsby-netlify-cms.jpg 113w,\n/static/1c7925917ab634288627f592fb6c95a5/07ab6/add-new-admin-field-to-gatsby-netlify-cms.jpg 225w,\n/static/1c7925917ab634288627f592fb6c95a5/32fd5/add-new-admin-field-to-gatsby-netlify-cms.jpg 450w,\n/static/1c7925917ab634288627f592fb6c95a5/4a838/add-new-admin-field-to-gatsby-netlify-cms.jpg 675w,\n/static/1c7925917ab634288627f592fb6c95a5/9842e/add-new-admin-field-to-gatsby-netlify-cms.jpg 900w,\n/static/1c7925917ab634288627f592fb6c95a5/42364/add-new-admin-field-to-gatsby-netlify-cms.jpg 1100w","sizes":"(max-width: 450px) 100vw, 450px"}}}}}},{"node":{"fields":{"slug":"/blog/guia-de-estudos-para-programadores-iniciantes/"},"frontmatter":{"title":"O Guia de Estudos para programadores iniciantes","description":"Como estudar tudo isso? Como acompanhar tanta informação? Um pouco da minha experiência e dicas.","image":{"childImageSharp":{"fluid":{"base64":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAICAIAAAB2/0i6AAAACXBIWXMAAAsTAAALEwEAmpwYAAABzUlEQVQY0w2RXW+aYACF+Yu72MXc1mjtVguCil+NUatTqCsKvCDggPcFUcH5MQfMtQ5rtduS7Xa/aCTn6iRPcvIcrHhAzL1LH1A+MsRomQ2MlaQew33my4h4UOkTuvoK3hrtyylICJ3Xcqcmul01JHmpslCxwhOsRlZlBwuHOGZuZ5QH/aTcvYRylRu+G3BJu5ddcKU/k/ea0AFBVZi94pjcD50+2Rj9CJuhHcOZYEiEKv1opsc8DWCZ8xQH/XuaVhnpjO9ltwrpa3lg1jlDn4zxKSicDCweTB9R8df4fNJLuxz9E1EjpSsEZWAnRkzT6t/Iwxveo27lzFRMIfbh29ycWhRr5EwNKz5bVKQTG41Y8vhaxJdK5vsQ9+QKsOuDeRrIF5/7bHCP/L/ltl66g6mPty+YRkNafRB9LBtqjQlsQj1/QIUj4q0V63hxSUWfcCjVxXm2p7/s1rJIwqFYVK3rgdsC6ypwCEfG8qayDJ6vN/rVRsZ9ubayVv7vvK2Q0YiEaq4tLZwtO/MykRpLwn2JcjXSVolQoU8Qo9baG65zJtzVJLcO5udSPyG0LkROdANttmdYeWY55MaIj0jOuJQ3IHejwhG2tk5pj/4Dl+0QCWZeeGIAAAAASUVORK5CYII=","aspectRatio":2.3541666666666665,"src":"/static/3dc3901a5a54296ae41a553891f42fcb/62b1f/estrada.png","srcSet":"/static/3dc3901a5a54296ae41a553891f42fcb/e7519/estrada.png 113w,\n/static/3dc3901a5a54296ae41a553891f42fcb/7e7e9/estrada.png 225w,\n/static/3dc3901a5a54296ae41a553891f42fcb/62b1f/estrada.png 450w,\n/static/3dc3901a5a54296ae41a553891f42fcb/e2e7f/estrada.png 675w,\n/static/3dc3901a5a54296ae41a553891f42fcb/db955/estrada.png 900w,\n/static/3dc3901a5a54296ae41a553891f42fcb/eeb1b/estrada.png 1920w","sizes":"(max-width: 450px) 100vw, 450px"}}}}}},{"node":{"fields":{"slug":"/blog/upload-e-compressao-de-imagens-com-nodejs/"},"frontmatter":{"title":"Upload e compressão de imagens com NodeJS","description":"Como fazer o upload de imagens, e principalmente: como comprimi-las e tratá-las após recebe-las no servidor.","image":{"childImageSharp":{"fluid":{"base64":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAFCAIAAADKYVtkAAAACXBIWXMAAAsTAAALEwEAmpwYAAABH0lEQVQY0yWPT0+CYACH/YD6vi8CYrlpm5tdWvkFKgMEghdBZ1kdmpt9htYt1xnlryIyUIxWB8+dA9uePbdn+/0K0LiBJgdtvhiIKFJhjHMihYjVcqwSawWtZWB3gcUBkwVzFsw6wLiGxhU0LgtwxgKTIxzh/HNMB+Lp5qG/f2vtHmvpXXU7oEOVjrTKSqVtKYO0RMoUqDkPD30BmnzJ4hhHnuw/Gu9t7D1Pf4Phz2szfbr4mrS/X87ScSscNf3hyUKvOWrd7dVtnO/9j6EnZgZLkQzl2oyrbvRKoh8ng6Ntv7Eb1ZN7FNwWfbG0yAGuAGwezVlodA6xI2RGrpD/jHA50citRuXuERuMYkysZLSQkCfBpUT5mPF7jKeQVvcPNdOtWnacpeUAAAAASUVORK5CYII=","aspectRatio":3.896551724137931,"src":"/static/65eeecb3ca8154fd9dfc0dc6cd64f55f/62b1f/node-compressao.png","srcSet":"/static/65eeecb3ca8154fd9dfc0dc6cd64f55f/e7519/node-compressao.png 113w,\n/static/65eeecb3ca8154fd9dfc0dc6cd64f55f/7e7e9/node-compressao.png 225w,\n/static/65eeecb3ca8154fd9dfc0dc6cd64f55f/62b1f/node-compressao.png 450w,\n/static/65eeecb3ca8154fd9dfc0dc6cd64f55f/e2e7f/node-compressao.png 675w,\n/static/65eeecb3ca8154fd9dfc0dc6cd64f55f/db955/node-compressao.png 900w,\n/static/65eeecb3ca8154fd9dfc0dc6cd64f55f/5414b/node-compressao.png 1980w","sizes":"(max-width: 450px) 100vw, 450px"}}}}}},{"node":{"fields":{"slug":"/blog/gerenciando-dependencias-com-npm/"},"frontmatter":{"title":"Gerenciando dependências com NPM","description":"Facilitando o download e controle de dependências usados em projetos,","image":{"childImageSharp":{"fluid":{"base64":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAIAAADtbgqsAAAACXBIWXMAAAsTAAALEwEAmpwYAAACjElEQVQoz2P4jwn+/QMSn57dur62+fzi6luHN8AF0QADsp5/f37//fPnz++fQN7Lq4eOtXturbDdOrHo18cX75/e/fTy0efXTz88u/fn1w8kzWBTv7y8d2lxya1NvVeXV56bX3ByVsHBrtANlR5b632P9YWvLHbd0Rqzf0LmmjLPt49ugDX9ZYBQQPLzk2s76t3XVHlsqnbfUOG6qMBjbq7H9DTHTZVuR7sCl+U7Tki06ou3nJtl/x5T8/eXt1ZVuHfGm09IsZ2W7jIlxXFRke/Bibm7OuOPADUXOJUF6Bd66/QnWL57fBNd84eHlw91BhzpDl5Z5jUl1Wlmpuu0NOfl5UHLKkJXlXmsKXVdXugMNGJJntPru5fhmoHkbyDn0qapa0ts9vYmLCwLnpLiMCvTdXGBx/wct6mpTpNTnWZnuayrdL82PfLshND1LYkHl/ZCA+wfOMAurOleW2K3qsp7RjbIzmnprlG2GmE22gdmFMzLc5mS6rizJfDuvMRzE0LnpFls6c4Aaf734/PXJ1ef7Jt9a1b0+QlhOxsDD3XHzcpwmpLmEm2vVhdpc2l2zLJix6VFbo+XZjxfmXuyK3B7heuBjsg/P78zfHl242hn0MnOgLvz4m7MjFld4jYnx2l6qu2kZIfLU6Muzoi/uTh3Q5XPtBTbrY0+mxt8T/eG7ajyONgZDdL88fHVvY2eJ9u8b00NvDLBf2GayYRYw33zWheVBu6udV6Sb32kzX1jlffaroLdzd7bqh2Ot7hvyLPYWu39+8c3oLM/fbpz/PmZTa+PLXh+ZOGt7TNvbp3x9f2rn++fvb+w8fPVbW/Prv/49CYw2X08u/rT6WWPDiy4vGna9Z0L/v75BQCC4+cwnEB9GwAAAABJRU5ErkJggg==","aspectRatio":1.661764705882353,"src":"/static/699b3605396b61f20bdcde61b06a1254/62b1f/npm.png","srcSet":"/static/699b3605396b61f20bdcde61b06a1254/e7519/npm.png 113w,\n/static/699b3605396b61f20bdcde61b06a1254/7e7e9/npm.png 225w,\n/static/699b3605396b61f20bdcde61b06a1254/62b1f/npm.png 450w,\n/static/699b3605396b61f20bdcde61b06a1254/e2e7f/npm.png 675w,\n/static/699b3605396b61f20bdcde61b06a1254/db955/npm.png 900w,\n/static/699b3605396b61f20bdcde61b06a1254/eeb1b/npm.png 1920w","sizes":"(max-width: 450px) 100vw, 450px"}}}}}},{"node":{"fields":{"slug":"/blog/codificacao-agil-com-emmet/"},"frontmatter":{"title":"Codificação ágil com Emmet","description":"A codificação do HTML e CSS é uma uma das práticas mais presentes na vida de um desenvolvedor Front-end,","image":{"childImageSharp":{"fluid":{"base64":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAICAIAAAB2/0i6AAAACXBIWXMAAAsTAAALEwEAmpwYAAAB30lEQVQY002RTUiUQRjHBzoEUYR1KTuYUHbx3qFDYNHB6qJdFjoIEUaXKEJDUgihhD6kCDb7kG17N0Uz1GU/WN3aPmRdU+nV1djQzEhz33c3YmZn3o+Zd6anjaAf/xmeh+HPPP8ZdKy+3TCKjmNjTBhjlmU5/3D/A1rbspjj0vVvcvZNYTbd82IU7d1/5lpnSEoupRTCLZtdITjglRF/G84d2waz0Cc31ja0eKp7ZBhVVJ6sqT17uul2qO/12rqplFSwJHg84UEtOZgF7B7cDUdzc7kLdweae8LXQ6Noy84jaPOhXVW+mtpzh4+2tXUE301kS9SGWTzPJRb3pFSSSQ+k5n/+aE9O+a74T7X6HyU+oJfDr040tlTsqd+0rW5HZUPVvqbqA83aszj7mgpEEhcfJG8NTRVNnf7SYysLXTNvO8bHWoPxrmDs05fviFICcbKLS503eg/Wnd9e3bB1d+PSRHg50/d+rH81HTp+dcB36cnjoWh3LOrXpzOrucLHDFn+XCgWUT5vYIwhF+SxbTscT9+5pwWiqd7+QbUQUPP3ExGt5ebg88h4ckbHzPoTnWBCad4wkGmahJBSiYLgR1SZ7Mr05Ycjk4mnKqe5hUV4P84Fdzl3HcoYiGBsGMZvC9R2KHMZdEEAAAAASUVORK5CYII=","aspectRatio":2.4565217391304346,"src":"/static/6b5552609080247eb63fabeead09c956/62b1f/1_dAvAobYB1uImJLJxA1XFpA.png","srcSet":"/static/6b5552609080247eb63fabeead09c956/e7519/1_dAvAobYB1uImJLJxA1XFpA.png 113w,\n/static/6b5552609080247eb63fabeead09c956/7e7e9/1_dAvAobYB1uImJLJxA1XFpA.png 225w,\n/static/6b5552609080247eb63fabeead09c956/62b1f/1_dAvAobYB1uImJLJxA1XFpA.png 450w,\n/static/6b5552609080247eb63fabeead09c956/e2e7f/1_dAvAobYB1uImJLJxA1XFpA.png 675w,\n/static/6b5552609080247eb63fabeead09c956/db955/1_dAvAobYB1uImJLJxA1XFpA.png 900w,\n/static/6b5552609080247eb63fabeead09c956/bcf9c/1_dAvAobYB1uImJLJxA1XFpA.png 1378w","sizes":"(max-width: 450px) 100vw, 450px"}}}}}}]}}}