{"id":27049,"date":"2021-04-19T14:48:58","date_gmt":"2021-04-19T14:48:58","guid":{"rendered":"https:\/\/www.conectasoftware.com\/?p=27049"},"modified":"2021-04-19T14:48:58","modified_gmt":"2021-04-19T14:48:58","slug":"que-es-gatsby-js-y-como-se-usa-en-ecommerce","status":"publish","type":"post","link":"https:\/\/www.conectasoftware.com\/magazine\/que-es-gatsby-js-y-como-se-usa-en-ecommerce\/","title":{"rendered":"Qu\u00e9 es Gatsby.js y c\u00f3mo se usa en ecommerce"},"content":{"rendered":"

Gatsby.js, \u00bfqu\u00e9 es?<\/h2>\n

Gatsby.js es un generador de sitios web est\u00e1ticos open source y gratuito que se encuentra basado principalmente en el framework ReactJS, la librer\u00eda desarrollada por la compa\u00f1\u00eda Facebook para el desarrollo de interfaces de usuario basada en el lenguaje JavaScript<\/a>.\u00a0<\/span>
\nUtiliza GraphQL como API para manejar las peticiones sobre los datos al servidor, lo que lo convierte en un Framework muy interesante en el caso de que se busque versatilidad, simplicidad y robustez.\u00a0<\/span>
\nGatsby.js se presenta en su sitio web como el Framework de frontend m\u00e1s popular del momento, siendo la versi\u00f3n 3.0 la \u00faltima versi\u00f3n lanzada. Ofrece la creaci\u00f3n de sitios web, tiendas online y aplicaciones ultra r\u00e1pidas en solo unos minutos.<\/span>
\nEn el caso de que se quiera llevar a cabo un desarrollo propio, es posible instalar Gatsby.js a trav\u00e9s de npm, el gestor de paquetes de NodeJs. El comando que permite su instalaci\u00f3n es npm install -g gatsby-cli.<\/span>
\n <\/p>\n

Gatsby.js y WordPress<\/b><\/h2>\n

Desde el 9 de marzo del 2021, es posible integrar Gatsby.js como plugin dentro del CMS WordPress para mejorar la experiencia de usuario. El plugin se denomina <\/span>WPGatsby<\/span><\/a> y es gratuito. Requiere la versi\u00f3n 7.3 o superior de PHP para poder ejecutarse correctamente, adem\u00e1s de tener instalado como m\u00ednimo la versi\u00f3n 5.4.2 de WordPress. Se puede encontrar en el sitio web oficial de WordPress para la descarga de plugins o a trav\u00e9s de los plugins del mismo WordPress.\u00a0<\/span>
\nLos beneficios de utilizar Gatsby.js con WordPress son la escalabilidad, la seguridad, el rendimiento y rapidez que le aportan, permitiendo redise\u00f1ar la interfaz del CMS a trav\u00e9s de c\u00f3digo. Ofrece integraciones con otras tecnolog\u00edas adem\u00e1s de maquetado que incluye accesibilidad. Esto supone una ventaja para aquellos desarrolladores que quieran implementar un dise\u00f1o muy personalizado tanto en su sitio web corporativo como en su tienda online, permitiendo crear interfaces de usuario hechas a medida para el cliente.\u00a0<\/span>
\n <\/p>\n

Otras integraciones a trav\u00e9s de Gatsby.js<\/b><\/h2>\n

Tal y como se ha comentado en un inicio, es posible utilizar Gatsby.js con GraphQL, lo que permite que el framework se conecte con otras tecnolog\u00edas para obtener datos relevantes. WordPress, Shopify o Drupal son claros ejemplos de ello. Dado que implementan GraphQL, es posible obtener los datos de los CMS y utilizarlos como fuentes de datos para el desarrollo de proyectos futuros.\u00a0<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"

Descubre qu\u00e9 es Gatsby.js y c\u00f3mo se usa en ecommerce adem\u00e1s de cu\u00e1les son aquellos CMS que pueden integrarse con Gatsby.js.<\/p>\n","protected":false},"author":1,"featured_media":27052,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"content-type":"","footnotes":""},"categories":[41],"tags":[],"class_list":{"0":"post-27049","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-ecommerce"},"_links":{"self":[{"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/posts\/27049","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/comments?post=27049"}],"version-history":[{"count":0,"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/posts\/27049\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/media\/27052"}],"wp:attachment":[{"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/media?parent=27049"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/categories?post=27049"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/tags?post=27049"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}