{"componentChunkName":"component---src-templates-blog-post-js","path":"/como-configurar-dominio-no-netlify-e-godaddy/","result":{"data":{"markdownRemark":{"fields":{"slug":"/como-configurar-dominio-no-netlify-e-godaddy/"},"frontmatter":{"titulo":"Como configurar domínio no netlify e godaddy","data":"28/05/2020","tag":"assuntos aleatórios","image":{"childImageSharp":{"fluid":{"src":"/static/fd70654be7f370b94a418e1a66156df4/135ab/dominiologo.png","base64":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAACXBIWXMAAAsTAAALEwEAmpwYAAACt0lEQVQoz5WRWU8TYRSG56eIUYyWQllKoYWu0+lMNyj7vhQoFMrespcSlaYRBLlBiV5oTBBcLo2Ja/R/SCSxMNQfIDfzfp6ZhuCFN148ec8533fe8y1ccVnN9+LyWlZcZlEIUI5/qwX60nxeeMuIK9dKUFBoQMH1PFcLS7V1zlBhPSs12hipQooLyiov48uaHTf1JsQmEvj85RvevntPfMDHT1+x9/gpyANcucl+Wm5yMNqsqNPVKbqSao0ig1nLVVVz1fSGrhIvDt/g5CTLjo6O2PHxD5bN/mS5XA5mqwecsdolE6y61qOEh2Lo6h1G/2AMc4spDETG0do5oNUGIhOob+zUDPcPXuP8/Dc7lWUmn8nsVy5Hpiew2CRwVTVuuapGYCYLr3R0D2F0PI7p+LJmsLK6jmQqjTG64lLyDgKhdu3EbTRk88EuMpktZNIbuL+zi5nECsgDHLnKRjPPesKjSnItjWhsFsOj05iaXcLsXFIz7+4b0U6qxr5gK0pNDuh1RuiFEPQdERTpKmCg5zBbRXC1Dp9cbfWwtq5BRW0YHJ5EFxkMjUyS8QwSC6voGxxDc3u/NsRLhhaLC/ZgOxyZPdgfHsIRXYDVKqDW4QVnc/lluzvILHZJqahyQvQ3Yzl5FyupdY1H9Hvx+VWYbSJMNdRkF+EIdkJIP4OwsQ9+aQf84jZc4QRsTh84p1AnO4V65vLUKxRDCjSjoyeCnv4oWjrC6A2PIhKdgp0Pghcb4KQmd/c4xMQWPLHb8K4/hzdzACn1BA6XHxwvhmS31MBIFbWBjGFzBQi/ZqLGVqefzEJ5pAbw7gCE3mn47r2Eb+MVpPgmeH8reOrlPL4mma7JSBUCF4i+5rzSE6j8vaYieOg2sTV457fhqWuHQMPUOicFWrL00IxUIfBf+Brz6m+CRJ+lxn8Aqjzo/sfJbmEAAAAASUVORK5CYII=","aspectRatio":1.7045454545454546,"srcSet":"/static/fd70654be7f370b94a418e1a66156df4/7e7e9/dominiologo.png 225w,\n/static/fd70654be7f370b94a418e1a66156df4/62b1f/dominiologo.png 450w,\n/static/fd70654be7f370b94a418e1a66156df4/135ab/dominiologo.png 736w","sizes":"(max-width: 736px) 100vw, 736px"}}}},"html":"<p>Para hospedar esse blog, tive muita dificuldade de configurar DNS e meu domínio, pois, não tinha conhecimento nenhum a respeito.</p>\n<p>Mas primeiro vamos entender o que e o <a href=\"https://www.netlify.com/\">netlify</a></p>\n<blockquote>\n<p>Netlify é uma empresa de computação em nuvem sediada em São Francisco que oferece serviços de hospedagem e back-end sem servidor para aplicativos da Web e sites estáticos. <a href=\"https://en.wikipedia.org/wiki/Netlify\">Fonte</a></p>\n</blockquote>\n<p>Com ele e possível subir suas aplicações front-end sem pagar 1 centavo, sensacional né?</p>\n<p><img src=\"https://media.giphy.com/media/jtirFYtVwG5a0o1t9o/giphy.gif\" alt=\"Friends gif\"></p>\n<h3>Domínios personalizados</h3>\n<p>Por padrão qualquer site do netlify pode ser acessado com o <code class=\"language-text\">subdominio.netlify.app</code>. Como por exemplo, <a href=\"https://lorenakauane.netlify.app/\">esse site</a> que hospedei para conhecer melhor a plataforma e ele faz referência e esse <a href=\"https://www.instagram.com/p/B7t24c-AIyK/\">post </a>que fiz no instagram.</p>\n<p>Mas quando queremos algo mais personalizado precisamos ter um domínio. Na documentação do netilify tem várias definições sobre o subdomínio e zona dns, <a href=\"https://docs.netlify.com/domains-https/custom-domains/#definitions\">clique aqui para ser redirecionado para lá</a>.</p>\n<h3>Mas vamos lá configurar!</h3>\n<p>Primeiro você precisa ter um domínio próprio dito, no meu caso utilizo o <a href=\"https://br.godaddy.com/\">godaddy</a>.</p>\n<p>Supondo que seu site já esteja hospedado e com o <code class=\"language-text\">domain.netlify.app</code>, vamos pegar a url do seu site e descobrir o IP nesse site <a href=\"https://www.meuenderecoip.com/descobrir-ip-do-site.php\">clicando aqui!</a></p>\n<p>Com Ip descoberto vamos para godaddy!</p>\n<p>No item do menu <strong>meus produtos</strong> você vai ver a listagem de todos seus domínios:</p>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto;  max-width: 960px;\"\n    >\n      <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 48.75000000000001%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAYAAAC0VX7mAAAACXBIWXMAAA7DAAAOwwHHb6hkAAABkElEQVQoz2VSy07DMBDs//9JBVKlXvgAJC5IiAsnHqWlFaFNk9hJ/E6HWbehBSxN1uusZ8e7O2m6Dg+LJzRKQWkNpTR028L7gBAi/D+EE46+xDjGdsaitw6TmgT7skKx3aHY71HsaL+2MM7lgL9wQkDI3vz5J6QTYZflrUW12SDQyjocDv8wDAM0X9HyBbLvGKuNQYjpTGi5GUiQlkv4mxuk9Uf2D0P+/pDJ6vse0+kU19dX8CSR0qxWK3Qsm3H+rFCpBqras4YGbWczme56bCsNQ5JRlaUiGyiACcQXosB6Ou8vFNJJKeXsu7JEVddsiEekAil+jDFfyk8kwWw2w3w+J4HNjdys178VyialAZGkclls4mU5k0TxBDmTzr+8vuJtschnjndlMsxlU0ShZJfnlFQo2LHTompsxHCyYy3Hpl3uRXEemzwKzGyZTTKJFeQZ47NDPM2b2Hicw3E+x1jVGcKx7lR4vpBycau6ycMtVupZNfR1m/2aKBuFgvisavQcmVq1uL+7xeNzgfeNxje9pQQGW/ohDAAAAABJRU5ErkJggg=='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image lazyload\"\n        alt=\"dominios go dady\"\n        title=\"dominios go dady\"\n        data-src=\"/static/4d4ae390f459e18ed4076f1d600d76cf/d9199/meusprodutos.png\"\n        data-srcset=\"/static/4d4ae390f459e18ed4076f1d600d76cf/8ff5a/meusprodutos.png 240w,\n/static/4d4ae390f459e18ed4076f1d600d76cf/e85cb/meusprodutos.png 480w,\n/static/4d4ae390f459e18ed4076f1d600d76cf/d9199/meusprodutos.png 960w,\n/static/4d4ae390f459e18ed4076f1d600d76cf/3f8aa/meusprodutos.png 1337w\"\n        sizes=\"(max-width: 960px) 100vw, 960px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n      />\n    </span></p>\n<p>Clique em DNS, e sua visão vai ser +- essa:</p>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto;  max-width: 960px;\"\n    >\n      <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 29.166666666666668%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAGCAYAAADDl76dAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAz0lEQVQY03VQuw6DMAzM/6+sDPwBKx/BN/BoGCgsCAQiIeGaS5sqoNbSSfb5cnYsxnHENE2w1oJxnudPxL1/OSHatsVzGLAr9RXEQc5a4wfGBnE/NhVKa1iXKH1AHweMMViWxYMC1iFoGn5C/nD6+wBhbiRF67pi33fPlWWJoigg5eOyOY3nefZa6jQXc5zYtu1yDxqyGYbkeY4kSZCmKbIsQ9d1UO48xObM3huffgFvqD63CyDJ74S673s0TQPeuqoq1HXtaymlNw2DmfPtC+0H0Wre9jYKAAAAAElFTkSuQmCC'); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image lazyload\"\n        alt=\"alteracao img\"\n        title=\"alteracao img\"\n        data-src=\"/static/2fbf43bf263857b6178dea955fbf24db/d9199/altera%C3%A7%C3%A3o.png\"\n        data-srcset=\"/static/2fbf43bf263857b6178dea955fbf24db/8ff5a/altera%C3%A7%C3%A3o.png 240w,\n/static/2fbf43bf263857b6178dea955fbf24db/e85cb/altera%C3%A7%C3%A3o.png 480w,\n/static/2fbf43bf263857b6178dea955fbf24db/d9199/altera%C3%A7%C3%A3o.png 960w,\n/static/2fbf43bf263857b6178dea955fbf24db/2c5fd/altera%C3%A7%C3%A3o.png 1006w\"\n        sizes=\"(max-width: 960px) 100vw, 960px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n      />\n    </span></p>\n<p>Como descrito na imagem você deve colocar o IP e o domínio do seu site, apenas clicando no lápis a direita Feito isso. Vamos voltar para o netlify e ir para seu site e configurar domínio.</p>\n<p>Clique no seu site > Domain settings</p>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto;  max-width: 960px;\"\n    >\n      <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 44.99999999999999%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAJCAYAAAAywQxIAAAACXBIWXMAAA7DAAAOwwHHb6hkAAABOklEQVQoz4VSy07DMBDM3/MB/BMXEBIXVErvECcN8SMPx0mGGTdFbaUKSxMnu97Z2YmLqmlQ10cYU8FUFUruVVWjtRaW+Dwc8L7b4WO/h86af1DEZUEfI+Z1xQIg8btxDo33GFLCxHgSmBuZG+f5LsRVdCRzLBYSCRYGj1RWty1s1xMd2hAQhiE3uMI0Xb33RBFI+G0MSo7rfEBSNya8SEi2Up2W9oVY70BCRFzo4cKJSMFJ3cYRnuRBpKHL5LdQXOcvl1RmQikREbZOcU6wfZ+hQ5vErFD5M87qLT1XE/lYqKC1jv7NOakixZrg0XQBP/TOjgNcHP8IblekbXHzMysUe8cfsGwFr+UXHl6e8Pj2jJoqsxXsfs+/PMDlyLo2wsj3yEJPNSXVGVmRvT2NOt9AvutmzNoJEf4C3rO8LC8fDI8AAAAASUVORK5CYII='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image lazyload\"\n        alt=\"domains site\"\n        title=\"domains site\"\n        data-src=\"/static/d96c71cc1b1a73404c456356dfbaea8c/d9199/domains.png\"\n        data-srcset=\"/static/d96c71cc1b1a73404c456356dfbaea8c/8ff5a/domains.png 240w,\n/static/d96c71cc1b1a73404c456356dfbaea8c/e85cb/domains.png 480w,\n/static/d96c71cc1b1a73404c456356dfbaea8c/d9199/domains.png 960w,\n/static/d96c71cc1b1a73404c456356dfbaea8c/4cdc7/domains.png 1327w\"\n        sizes=\"(max-width: 960px) 100vw, 960px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n      />\n    </span></p>\n<p>Vá em adicionar domínio customizado > verificar o domínio</p>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto;  max-width: 428px;\"\n    >\n      <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 37.916666666666664%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAICAYAAAD5nd/tAAAACXBIWXMAAA7DAAAOwwHHb6hkAAABMElEQVQoz62QzUrDUBSE4xsIbtz6XD6Qu24aK6akiiK4KHVhFyVQEboQrTEm1oiCC1EL0vwHTHLT3PHcgGnjTujAYTg3ZJjvSPgjjv+L88VfEh8Owbtd8H4ffDAA1zTk0ym+WY4kSZCkKdI0A2OMPEWWZUhpSqed5XkVKkaa93pgsoxcUZC325i3dhEbBqZhBGfmwPN9OK6HgPaZ48L1fIRxjCii765L4aweiBWohnz9+Q7V0nE8ucfJo4kjcnVi4Oz1ucQRWCUiIYtdoAr8oiiqVouGFLitnWOtuYP1/QY2OzJNExtKA1uHLXxFIcb6LXTThGFZuBrf4GI0gmk/oeBFDbVqePnxhr2HOxzYFlRqKLxDfvpil40iuldI9/LDkCaAHwTl23KzZUmrut2vfgA+Hljkz4TD8gAAAABJRU5ErkJggg=='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image lazyload\"\n        alt=\"verifica dominio\"\n        title=\"verifica dominio\"\n        data-src=\"/static/629bf0c366c2a9cf59ead061d636284b/47730/confirmdomain.png\"\n        data-srcset=\"/static/629bf0c366c2a9cf59ead061d636284b/8ff5a/confirmdomain.png 240w,\n/static/629bf0c366c2a9cf59ead061d636284b/47730/confirmdomain.png 428w\"\n        sizes=\"(max-width: 428px) 100vw, 428px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n      />\n    </span></p>\n<p>Por fim... Só confirmar e aproveitar !!</p>\n<p><img src=\"https://media.giphy.com/media/cklPOHnHepdwBLRnQp/giphy.gif\" alt=\"feliz\"></p>\n<p>Por hoje e só pessoal,</p>\n<p>Até mais,</p>","timeToRead":2}},"pageContext":{"slug":"/como-configurar-dominio-no-netlify-e-godaddy/","previousPost":{"fields":{"slug":"/4-razoes-para-voce-utilizar-styled-components/"},"frontmatter":{"templateKey":"blog-post","data":"05 de Junho de 2020","tag":"ReactJs","titulo":"4 Razões para você utilizar styled components","locale":"pt"},"timeToRead":3},"nextPost":{"fields":{"slug":"/como-criar-testes-no-front-end-em-reactjs/"},"frontmatter":{"templateKey":"blog-post","data":"22 de Maio de 2020","tag":"ReactJs","titulo":"Como criar testes no front-end em ReactJs","locale":"pt"},"timeToRead":6},"locale":"pt"}}}