{"id":1286,"date":"2019-07-19T20:52:47","date_gmt":"2019-07-19T23:52:47","guid":{"rendered":"https:\/\/felipeelia.com.br\/?p=1286"},"modified":"2019-07-20T20:17:05","modified_gmt":"2019-07-20T23:17:05","slug":"o-que-e-wordpress-headless","status":"publish","type":"post","link":"https:\/\/felipeelia.com.br\/o-que-e-wordpress-headless\/","title":{"rendered":"O que \u00e9 WordPress Headless"},"content":{"rendered":"\n<p>Tem uma galera perdendo a cabe\u00e7a (hein, hein) com esse tal de <em>WordPress Headless<\/em>. Se voc\u00ea ainda n\u00e3o ouviu falar sobre o assunto ou se tem alguma d\u00favida, esse artigo e esse v\u00eddeo s\u00e3o para voc\u00ea (e para aquele seu amigo com quem voc\u00ea vai compartilhar o link).<\/p>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<p class=\"responsive-video-wrap clr\"><iframe loading=\"lazy\" title=\"WordPress Headless, sites est\u00e1ticos e JAMStacks\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/Sty9m3y5CKM?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">CMS e camada de apresenta\u00e7\u00e3o: <em>Coupled<\/em>, <em>Decoupled<\/em> ou <em>Headless<\/em><\/h2>\n\n\n\n<p>O conceito de <em>headless<\/em> est\u00e1 ligado \u00e0 camada de apresenta\u00e7\u00e3o do <abbr title=\"Content Management System\">CMS<\/abbr>:<\/p>\n\n\n\n<ul><li><strong><em>Coupled<\/em> (Acoplado)<\/strong>: \u00c9 o CMS com o jeit\u00e3o tradicional, que a gente sempre usou, ou seja, o pr\u00f3prio CMS oferece uma camada de apresenta\u00e7\u00e3o. O tema no caso do WordPress.<\/li><li><strong><em>Decoupled<\/em> (Desacoplado):<\/strong> Neste tipo o CMS at\u00e9 oferece uma camada de apresenta\u00e7\u00e3o, mas tamb\u00e9m oferece uma API para que o conte\u00fado seja apresentado por outras camadas de apresenta\u00e7\u00e3o, externas a ele. Com a introdu\u00e7\u00e3o da <a href=\"https:\/\/felipeelia.com.br\/a-api-rest-do-wordpress\/\">API REST<\/a> na vers\u00e3o 4.7 do WordPress, podemos dizer que ele se tornou um CMS desacoplado.<\/li><li><strong><em>Headless:<\/em><\/strong> aqui o CMS n\u00e3o tem camada de apresenta\u00e7\u00e3o nenhuma. <a rel=\"noreferrer noopener\" aria-label=\"Sim, eles existem. (abre numa nova aba)\" href=\"https:\/\/headlesscms.org\/\" target=\"_blank\">Sim, eles existem.<\/a> O sistema fornece s\u00f3 um painel de administra\u00e7\u00e3o, salva os posts no banco de dados e fornece uma API para que o conte\u00fado seja consumido. Como esse conte\u00fado vai ser exibido n\u00e3o \u00e9 responsabilidade do CMS neste caso.<\/li><\/ul>\n\n\n\n<p>\u00c9 comum vermos os termos <em>decoupled<\/em> e <em>headless<\/em> sendo usados como sin\u00f4nimos, mas defini\u00e7\u00f5es mais aprofundadas fazem essa diferencia\u00e7\u00e3o do <em>decoupled<\/em> oferecendo uma camada de apresenta\u00e7\u00e3o nativa.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Por que usar <em>WordPress Headless<\/em><\/h2>\n\n\n\n<p>S\u00e3o muitos os motivos para usar uma solu\u00e7\u00e3o <em>headless<\/em>. Destaquei algumas delas aqui. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Solu\u00e7\u00f5es multicanal<\/h3>\n\n\n\n<p>Se voc\u00ea precisa apresentar o mesmo conte\u00fado em um site, em um aplicativo mobile e em um totem de exposi\u00e7\u00e3o, por exemplo, dificilmente um tema comum do WordPress daria conta do recado. \u00c9 mais f\u00e1cil desenvolver uma camada de apresenta\u00e7\u00e3o para cada uma dessas coisas e fazer todas elas consumirem o mesmo conte\u00fado atrav\u00e9s da API REST.<\/p>\n\n\n\n<p>Eu poderia falar aqui de &#8220;internet das coisas&#8221;, em como voc\u00ea vai precisar planejar a exibi\u00e7\u00e3o do conte\u00fado na geladeira do usu\u00e1rio, mas sinceramente, isso s\u00f3 faz parecer que esse assunto n\u00e3o \u00e9 t\u00e3o pr\u00e1tico assim. Um <em>smartwatch<\/em> at\u00e9 vai, mas esse exemplo de geladeira \u00e9 demais (por enquanto, pelo menos). De qualquer forma, j\u00e1 coloquei a geladeira nesse bel\u00edssimo esquema:<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"644\" src=\"https:\/\/felipeelia.com.br\/wp-content\/uploads\/2019\/07\/wordpress-headless-1024x644.png\" alt=\"\" class=\"wp-image-1289\" srcset=\"https:\/\/felipeelia.com.br\/wp-content\/uploads\/2019\/07\/wordpress-headless-1024x644.png 1024w, https:\/\/felipeelia.com.br\/wp-content\/uploads\/2019\/07\/wordpress-headless-300x189.png 300w, https:\/\/felipeelia.com.br\/wp-content\/uploads\/2019\/07\/wordpress-headless-768x483.png 768w, https:\/\/felipeelia.com.br\/wp-content\/uploads\/2019\/07\/wordpress-headless.png 1095w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Uma camada de apresenta\u00e7\u00e3o s\u00f3, mas fora do WordPress<\/h3>\n\n\n\n<p>Toda vez que acessamos uma p\u00e1gina do WordPress, v\u00e1rios c\u00f3digos PHP s\u00e3o executados. Se o site tiver v\u00e1rios plugins instalados, essa quantidade aumenta vertiginosamente. Usando uma camada de apresenta\u00e7\u00e3o separada, como um <abbr title=\"Progressive Web App\">PWA<\/abbr>, por exemplo, limitamos o processamento de linguagem server-side apenas \u00e0s requisi\u00e7\u00f5es feitas para a API. Assim \u00e9 poss\u00edvel criar solu\u00e7\u00f5es em React, Vue.js ou Angular, por exemplo, e s\u00f3 consumir o que est\u00e1 gravado no WordPress.<\/p>\n\n\n\n<p>Solu\u00e7\u00f5es como esta est\u00e3o cada vez mais populares. Falo sobre isso j\u00e1 j\u00e1, na <a href=\"#jamstack-wordpress-headless-site-estatico\">se\u00e7\u00e3o sobre JAMStacks<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Seguran\u00e7a, desempenho, recursos de servidor e escalabilidade<\/h3>\n\n\n\n<p>Ao usar o WordPress apenas como um servidor de conte\u00fado, podemos isolar o acesso ao painel, aumentando a seguran\u00e7a.<\/p>\n\n\n\n<p>Como vamos reduzir (ou eliminar completamente) o processamento de PHP necess\u00e1rio, vamos aumentar o desempenho \u2014 lembrando que velocidade na entrega \u00e9 fator-chave para SEO \u2014, reduzir os recursos necess\u00e1rios no servidor e ainda facilitar a escalabilidade.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"jamstack-wordpress-headless-site-estatico\"><em>JAMStack<\/em>: seu site \u00e9 em WordPress, mas \u00e9 est\u00e1tico<\/h2>\n\n\n\n<p>Calma, eu sei que esse subt\u00edtulo pode n\u00e3o fazer o menor sentido para voc\u00ea, mas eu explico.<\/p>\n\n\n\n<p>Quando a internet ainda era s\u00f3 mato, tudo era est\u00e1tico e, para atualizar um site, voc\u00ea precisava saber HTML. Veio ent\u00e3o uma \u00e9poca maravilhosa onde sistemas de gerenciamento de conte\u00fado foram criados e qualquer pessoa podia ter seu pr\u00f3prio site. O problema \u00e9 que estes sistemas foram ficando cada vez mais pesados e, por isso mesmo, mais lentos.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>E se houvesse um jeito de ter a facilidade no gerenciamento, a velocidade de sites est\u00e1ticos, e que ainda funcionasse como um aplicativo para dispositivos m\u00f3veis?<\/p><\/blockquote>\n\n\n\n<p>Solu\u00e7\u00f5es como o <a rel=\"noreferrer noopener\" aria-label=\"Gatsby (abre numa nova aba)\" href=\"https:\/\/www.gatsbyjs.org\/\" target=\"_blank\">Gatsby<\/a>, um <a rel=\"noreferrer noopener\" aria-label=\"gerador de sites est\u00e1ticos (abre numa nova aba)\" href=\"https:\/\/www.staticgen.com\/\" target=\"_blank\">gerador de sites est\u00e1ticos<\/a>, fazem exatamente isso: criam um site (ou PWA, no caso do Gatsby) que consome dados do WordPress e junta o melhor dos dois mundos. Junto com essa nova onda de conte\u00fado est\u00e1tico, chegaram tamb\u00e9m hospedagens especializadas nisso, como a <a rel=\"noreferrer noopener\" aria-label=\"Netlify (abre numa nova aba)\" href=\"https:\/\/www.netlify.com\/\" target=\"_blank\">Netlify<\/a>. Foi o CEO da Netlify que criou o termo <a rel=\"noreferrer noopener\" aria-label=\"JAMStack (abre numa nova aba)\" href=\"https:\/\/jamstack.org\/\" target=\"_blank\">JAMStack<\/a>, conceituando essa nova arquitetura baseada em:<\/p>\n\n\n\n<ul><li><strong>J<\/strong>avaScript, usado para consumir a API do CMS e renderizar as coisas;<\/li><li><strong>A<\/strong>PIs e<\/li><li><strong>M<\/strong>arkups pr\u00e9-renderizados.<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Como funciona?<\/h3>\n\n\n\n<p>Se voc\u00ea est\u00e1 pensando &#8220;parece legal, mas como isso funciona na pr\u00e1tica?&#8221;, o resumo \u00e9 o seguinte:<\/p>\n\n\n\n<ul><li>Voc\u00ea tem uma instala\u00e7\u00e3o do WordPress que fica p\u00fablica ou n\u00e3o. Voc\u00ea pode mant\u00ea-la s\u00f3 na sua m\u00e1quina, por exemplo.<\/li><li>Assim que voc\u00ea publica alguma coisa, um novo pacote est\u00e1tico \u00e9 gerado.<\/li><li>Voc\u00ea envia o novo pacote para a sua hospedagem est\u00e1tica.<\/li><\/ul>\n\n\n\n<p>Obviamente, isso tudo pode ser feito automaticamente. A WP Tavern publicou um texto muito legal que menciona v\u00e1rios <a rel=\"noreferrer noopener\" aria-label=\"plugins para WordPress que ajudam no deploy para JAMStacks (abre numa nova aba)\" href=\"https:\/\/wptavern.com\/jamstacks-growing-popularity-brings-increase-in-wordpress-plugins-for-deploying-to-netlify\" target=\"_blank\">plugins para WordPress que ajudam no deploy para <em>JAMStacks<\/em><\/a>. Com eles voc\u00ea pode configurar tudo para que, ao publicar um conte\u00fado no WordPress local, um novo pacote seja gerado e j\u00e1 entre em produ\u00e7\u00e3o. \u00c9 a facilidade de gerenciar o conte\u00fado, com a velocidade e seguran\u00e7a de sites est\u00e1ticos.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Certo, mas e envio de formul\u00e1rios?<\/h3>\n\n\n\n<p>Como tudo \u00e9 est\u00e1tico, a necessidade de coisas &#8220;din\u00e2micas&#8221; trazem um desafio e exigem uma mudan\u00e7a no fluxo &#8220;normal&#8221;. Ao inv\u00e9s de usar um plugin como o Contact Form 7, por exemplo, voc\u00ea pode usar a <a rel=\"noreferrer noopener\" aria-label=\"API para formul\u00e1rios da Netlify (abre numa nova aba)\" href=\"https:\/\/www.netlify.com\/docs\/form-handling\/\" target=\"_blank\">API para formul\u00e1rios da Netlify<\/a>. Ela guarda as requisi\u00e7\u00f5es para voc\u00ea e deixando-as acess\u00edveis atrav\u00e9s de um painel ou por uma API pr\u00f3pria. Eles ainda t\u00eam integra\u00e7\u00e3o com Zapier. Para coment\u00e1rios voc\u00ea pode usar o Disqus ou coisa parecida.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Quando N\u00c3O usar <em>WordPress Headless<\/em><\/h2>\n\n\n\n<p>Nem sempre isso tudo \u00e9 a melhor solu\u00e7\u00e3o. Aqui v\u00e3o alguns casos onde usar uma arquitetura <em>headless<\/em> pode n\u00e3o ser uma boa ideia.<\/p>\n\n\n\n<ul><li><strong>Altera\u00e7\u00f5es no design podem ser mais dif\u00edceis.<\/strong> A facilidade que os <em>page builders<\/em> trouxeram para alterar a camada visual do site n\u00e3o existe neste cen\u00e1rio. Alterar alguma coisa provavelmente vai demandar altera\u00e7\u00e3o de c\u00f3digo.<\/li><li><strong>Rela\u00e7\u00e3o custo-benef\u00edcio para empresas pequenas.<\/strong> Esta solu\u00e7\u00e3o pode ser (bem) mais cara, tornando-se invi\u00e1vel para pequenas empresas, que s\u00f3 precisam de um site simples. Para essas, talvez uma solu\u00e7\u00e3o padr\u00e3o com uma boa configura\u00e7\u00e3o de cache j\u00e1 resolva muito bem. O importante a se notar aqui \u00e9 que estamos falando de custo de implementa\u00e7\u00e3o e desenvolvimento, j\u00e1 que os custos de hospedagem s\u00e3o potencialmente menores.<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Conclus\u00e3o<\/h2>\n\n\n\n<p>Talvez voc\u00ea decida n\u00e3o usar nada disso agora, mas pelo menos mantenha esse assunto no seu radar. Essa tend\u00eancia para <em>sites est\u00e1ticos<\/em> tem crescido muito ultimamente e, provavelmente, vai fazer parte do <em>briefing<\/em> de um projeto no seu futuro pr\u00f3ximo. Se isso tudo parece muito distante no momento, esses <a rel=\"noreferrer noopener\" aria-label=\"v\u00eddeos sobre JavaScript (abre numa nova aba)\" href=\"https:\/\/www.youtube.com\/watch?v=H-NxmG1mN6c&amp;list=PLQOxYa_OXt8gBkqyxUVTlIgQGXdSOi-wP&amp;index=3\" target=\"_blank\">v\u00eddeos sobre JavaScript<\/a> l\u00e1 do canal podem ajudar, assim como o texto\/v\u00eddeo sobre a <a href=\"https:\/\/felipeelia.com.br\/a-api-rest-do-wordpress\/\">API REST do WordPress<\/a>.<\/p>\n\n\n\n<p>N\u00e3o se esque\u00e7a de compartilhar!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>J\u00e1 ouviu falar de WordPress Headless? Conhece algum gerador de site est\u00e1tico? Sabe o que \u00e9 uma JAMStack? Leia e conhe\u00e7a esses recursos que fazem parte do futuro do WordPress!<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","footnotes":""},"categories":[30],"tags":[104],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.9.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>O que \u00e9 WordPress Headless | Felipe Elia<\/title>\n<meta name=\"description\" content=\"J\u00e1 ouviu falar de WordPress Headless? Conhece algum gerador de site est\u00e1tico? Sabe o que \u00e9 uma JAMStack? Leia e conhe\u00e7a esses recursos que fazem parte do futuro do WordPress!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/felipeelia.com.br\/o-que-e-wordpress-headless\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"O que \u00e9 WordPress Headless | Felipe Elia\" \/>\n<meta property=\"og:description\" content=\"J\u00e1 ouviu falar de WordPress Headless? Conhece algum gerador de site est\u00e1tico? Sabe o que \u00e9 uma JAMStack? Leia e conhe\u00e7a esses recursos que fazem parte do futuro do WordPress!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/felipeelia.com.br\/o-que-e-wordpress-headless\/\" \/>\n<meta property=\"og:site_name\" content=\"Felipe Elia\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/felipe.elia\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/felipe.elia\" \/>\n<meta property=\"article:published_time\" content=\"2019-07-19T23:52:47+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-07-20T23:17:05+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/felipeelia.com.br\/wp-content\/uploads\/2019\/07\/wordpress-headless-1024x644.png\" \/>\n<meta name=\"author\" content=\"Felipe Elia\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@https:\/\/twitter.com\/felipe_elia\" \/>\n<meta name=\"twitter:site\" content=\"@felipe_elia\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Felipe Elia\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/felipeelia.com.br\/o-que-e-wordpress-headless\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/felipeelia.com.br\/o-que-e-wordpress-headless\/\"},\"author\":{\"name\":\"Felipe Elia\",\"@id\":\"https:\/\/felipeelia.com.br\/#\/schema\/person\/927a99b6e1cde7fcf9f4f79a1638b292\"},\"headline\":\"O que \u00e9 WordPress Headless\",\"datePublished\":\"2019-07-19T23:52:47+00:00\",\"dateModified\":\"2019-07-20T23:17:05+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/felipeelia.com.br\/o-que-e-wordpress-headless\/\"},\"wordCount\":1248,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/felipeelia.com.br\/#\/schema\/person\/927a99b6e1cde7fcf9f4f79a1638b292\"},\"keywords\":[\"API REST\"],\"articleSection\":[\"WordPress\"],\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/felipeelia.com.br\/o-que-e-wordpress-headless\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/felipeelia.com.br\/o-que-e-wordpress-headless\/\",\"url\":\"https:\/\/felipeelia.com.br\/o-que-e-wordpress-headless\/\",\"name\":\"O que \u00e9 WordPress Headless | Felipe Elia\",\"isPartOf\":{\"@id\":\"https:\/\/felipeelia.com.br\/#website\"},\"datePublished\":\"2019-07-19T23:52:47+00:00\",\"dateModified\":\"2019-07-20T23:17:05+00:00\",\"description\":\"J\u00e1 ouviu falar de WordPress Headless? Conhece algum gerador de site est\u00e1tico? Sabe o que \u00e9 uma JAMStack? Leia e conhe\u00e7a esses recursos que fazem parte do futuro do WordPress!\",\"breadcrumb\":{\"@id\":\"https:\/\/felipeelia.com.br\/o-que-e-wordpress-headless\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/felipeelia.com.br\/o-que-e-wordpress-headless\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/felipeelia.com.br\/o-que-e-wordpress-headless\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\/\/felipeelia.dev\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"O que \u00e9 WordPress Headless\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/felipeelia.com.br\/#website\",\"url\":\"https:\/\/felipeelia.com.br\/\",\"name\":\"Felipe Elia\",\"description\":\"Programa\u00e7\u00e3o com WordPress de um jeito f\u00e1cil, do b\u00e1sico ao avan\u00e7ado\",\"publisher\":{\"@id\":\"https:\/\/felipeelia.com.br\/#\/schema\/person\/927a99b6e1cde7fcf9f4f79a1638b292\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/felipeelia.com.br\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"pt-BR\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/felipeelia.com.br\/#\/schema\/person\/927a99b6e1cde7fcf9f4f79a1638b292\",\"name\":\"Felipe Elia\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/felipeelia.com.br\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/felipeelia.dev\/wp-content\/uploads\/2023\/06\/avatar-400x400-1.jpg\",\"contentUrl\":\"https:\/\/felipeelia.dev\/wp-content\/uploads\/2023\/06\/avatar-400x400-1.jpg\",\"width\":400,\"height\":400,\"caption\":\"Felipe Elia\"},\"logo\":{\"@id\":\"https:\/\/felipeelia.com.br\/#\/schema\/person\/image\/\"},\"description\":\"Associate Director of Platform Engineering na 10up, WordPress Core Contributor, Global Polyglots Mentor na comunidade internacional do WordPress e Locale Manager na comunidade WordPress Brasil.\",\"sameAs\":[\"https:\/\/www.facebook.com\/felipe.elia\",\"https:\/\/www.instagram.com\/felipe.elia\/\",\"https:\/\/www.linkedin.com\/in\/felipeelia\/\",\"https:\/\/twitter.com\/https:\/\/twitter.com\/felipe_elia\",\"https:\/\/www.youtube.com\/channel\/UCD_26rOE3ClALcZreTkyIoQ\"],\"url\":\"https:\/\/felipeelia.com.br\/author\/admin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"O que \u00e9 WordPress Headless | Felipe Elia","description":"J\u00e1 ouviu falar de WordPress Headless? Conhece algum gerador de site est\u00e1tico? Sabe o que \u00e9 uma JAMStack? Leia e conhe\u00e7a esses recursos que fazem parte do futuro do WordPress!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/felipeelia.com.br\/o-que-e-wordpress-headless\/","og_locale":"pt_BR","og_type":"article","og_title":"O que \u00e9 WordPress Headless | Felipe Elia","og_description":"J\u00e1 ouviu falar de WordPress Headless? Conhece algum gerador de site est\u00e1tico? Sabe o que \u00e9 uma JAMStack? Leia e conhe\u00e7a esses recursos que fazem parte do futuro do WordPress!","og_url":"https:\/\/felipeelia.com.br\/o-que-e-wordpress-headless\/","og_site_name":"Felipe Elia","article_publisher":"https:\/\/www.facebook.com\/felipe.elia","article_author":"https:\/\/www.facebook.com\/felipe.elia","article_published_time":"2019-07-19T23:52:47+00:00","article_modified_time":"2019-07-20T23:17:05+00:00","og_image":[{"url":"https:\/\/felipeelia.com.br\/wp-content\/uploads\/2019\/07\/wordpress-headless-1024x644.png"}],"author":"Felipe Elia","twitter_card":"summary_large_image","twitter_creator":"@https:\/\/twitter.com\/felipe_elia","twitter_site":"@felipe_elia","twitter_misc":{"Escrito por":"Felipe Elia","Est. tempo de leitura":"6 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/felipeelia.com.br\/o-que-e-wordpress-headless\/#article","isPartOf":{"@id":"https:\/\/felipeelia.com.br\/o-que-e-wordpress-headless\/"},"author":{"name":"Felipe Elia","@id":"https:\/\/felipeelia.com.br\/#\/schema\/person\/927a99b6e1cde7fcf9f4f79a1638b292"},"headline":"O que \u00e9 WordPress Headless","datePublished":"2019-07-19T23:52:47+00:00","dateModified":"2019-07-20T23:17:05+00:00","mainEntityOfPage":{"@id":"https:\/\/felipeelia.com.br\/o-que-e-wordpress-headless\/"},"wordCount":1248,"commentCount":0,"publisher":{"@id":"https:\/\/felipeelia.com.br\/#\/schema\/person\/927a99b6e1cde7fcf9f4f79a1638b292"},"keywords":["API REST"],"articleSection":["WordPress"],"inLanguage":"pt-BR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/felipeelia.com.br\/o-que-e-wordpress-headless\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/felipeelia.com.br\/o-que-e-wordpress-headless\/","url":"https:\/\/felipeelia.com.br\/o-que-e-wordpress-headless\/","name":"O que \u00e9 WordPress Headless | Felipe Elia","isPartOf":{"@id":"https:\/\/felipeelia.com.br\/#website"},"datePublished":"2019-07-19T23:52:47+00:00","dateModified":"2019-07-20T23:17:05+00:00","description":"J\u00e1 ouviu falar de WordPress Headless? Conhece algum gerador de site est\u00e1tico? Sabe o que \u00e9 uma JAMStack? Leia e conhe\u00e7a esses recursos que fazem parte do futuro do WordPress!","breadcrumb":{"@id":"https:\/\/felipeelia.com.br\/o-que-e-wordpress-headless\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/felipeelia.com.br\/o-que-e-wordpress-headless\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/felipeelia.com.br\/o-que-e-wordpress-headless\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/felipeelia.dev\/"},{"@type":"ListItem","position":2,"name":"O que \u00e9 WordPress Headless"}]},{"@type":"WebSite","@id":"https:\/\/felipeelia.com.br\/#website","url":"https:\/\/felipeelia.com.br\/","name":"Felipe Elia","description":"Programa\u00e7\u00e3o com WordPress de um jeito f\u00e1cil, do b\u00e1sico ao avan\u00e7ado","publisher":{"@id":"https:\/\/felipeelia.com.br\/#\/schema\/person\/927a99b6e1cde7fcf9f4f79a1638b292"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/felipeelia.com.br\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"pt-BR"},{"@type":["Person","Organization"],"@id":"https:\/\/felipeelia.com.br\/#\/schema\/person\/927a99b6e1cde7fcf9f4f79a1638b292","name":"Felipe Elia","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/felipeelia.com.br\/#\/schema\/person\/image\/","url":"https:\/\/felipeelia.dev\/wp-content\/uploads\/2023\/06\/avatar-400x400-1.jpg","contentUrl":"https:\/\/felipeelia.dev\/wp-content\/uploads\/2023\/06\/avatar-400x400-1.jpg","width":400,"height":400,"caption":"Felipe Elia"},"logo":{"@id":"https:\/\/felipeelia.com.br\/#\/schema\/person\/image\/"},"description":"Associate Director of Platform Engineering na 10up, WordPress Core Contributor, Global Polyglots Mentor na comunidade internacional do WordPress e Locale Manager na comunidade WordPress Brasil.","sameAs":["https:\/\/www.facebook.com\/felipe.elia","https:\/\/www.instagram.com\/felipe.elia\/","https:\/\/www.linkedin.com\/in\/felipeelia\/","https:\/\/twitter.com\/https:\/\/twitter.com\/felipe_elia","https:\/\/www.youtube.com\/channel\/UCD_26rOE3ClALcZreTkyIoQ"],"url":"https:\/\/felipeelia.com.br\/author\/admin\/"}]}},"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"ocean-thumb-m":false,"ocean-thumb-ml":false,"ocean-thumb-l":false,"yarpp-thumbnail":false},"uagb_author_info":{"display_name":"Felipe Elia","author_link":"https:\/\/felipeelia.com.br\/author\/admin\/"},"uagb_comment_info":0,"uagb_excerpt":"J\u00e1 ouviu falar de WordPress Headless? Conhece algum gerador de site est\u00e1tico? Sabe o que \u00e9 uma JAMStack? Leia e conhe\u00e7a esses recursos que fazem parte do futuro do WordPress!","_links":{"self":[{"href":"https:\/\/felipeelia.com.br\/wp-json\/wp\/v2\/posts\/1286"}],"collection":[{"href":"https:\/\/felipeelia.com.br\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/felipeelia.com.br\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/felipeelia.com.br\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/felipeelia.com.br\/wp-json\/wp\/v2\/comments?post=1286"}],"version-history":[{"count":0,"href":"https:\/\/felipeelia.com.br\/wp-json\/wp\/v2\/posts\/1286\/revisions"}],"wp:attachment":[{"href":"https:\/\/felipeelia.com.br\/wp-json\/wp\/v2\/media?parent=1286"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/felipeelia.com.br\/wp-json\/wp\/v2\/categories?post=1286"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/felipeelia.com.br\/wp-json\/wp\/v2\/tags?post=1286"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}