{"id":6261,"date":"2021-02-09T16:52:02","date_gmt":"2021-02-09T14:52:02","guid":{"rendered":"https:\/\/neoattack.com\/blog\/?p=6261"},"modified":"2026-10-07T22:04:11","modified_gmt":"2026-10-07T20:04:11","slug":"crear-progressive-web-app","status":"publish","type":"post","link":"https:\/\/neoattack.com\/blog\/crear-progressive-web-app\/","title":{"rendered":"C\u00f3mo crear una Progressive Web App"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Si quieres aprender a <strong>crear una Progressive Web App <\/strong>has llegado al post correcto, este tipo de aplicaciones se desarrollan a trav\u00e9s de c\u00f3digos HTML, CSS y Javascript.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Estas aplicaciones<strong> tienen unas caracter\u00edsticas diferenciadas de las aplicaciones normales, <\/strong>tales como, que poseen un dise\u00f1o adaptado a cualquier dispositivo para que se pueda ver correctamente, funciona independiente de la conexi\u00f3n que exista y es una aplicaci\u00f3n m\u00e1s segura.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u00bfQu\u00e9 es una Progressive Web App?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Aunque al inicio del texto te he explicado un poco qu\u00e9 puede ser una Progressive Web App, para saber c\u00f3mo crearla,<strong> es conveniente que primero sepas a ciencia cierta qu\u00e9 es<\/strong> y c\u00f3mo se diferencia de una aplicaci\u00f3n normal.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Lo primero que debes saber es que las PWA no son una aplicaci\u00f3n al uso, ya que su formato es realmente de p\u00e1gina web, aunque por otro lado<strong> su funcionalidad es pr\u00e1cticamente como una aplicaci\u00f3n.<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Podr\u00edamos decir que es una mezcla entre una aplicaci\u00f3n nativa y una <a href=\"https:\/\/neoattack.com\/agencia-diseno-web\/desarrollo\/\">aplicaci\u00f3n web<\/a> (Te explicar\u00e9 estos conceptos un poquito m\u00e1s adelante).<br>Gracias a la actualizaci\u00f3n de las diferentes tecnolog\u00edas que componen este tipo de aplicaciones, <strong>permiten que las PWA se sigan ejecutando en segundo plano.<\/strong> Adem\u00e1s puedes instalarlas en dispositivos m\u00f3viles tales como tel\u00e9fonos o tablets como las aplicaciones que instalas normalmente, incluso si usas un ordenador Windows podr\u00e1s instalar este tipo de aplicaciones.<br>En resumen,<strong> son el paso futuro y mezclado de las aplicaciones nativas y las aplicaciones web, <\/strong>que te explicar\u00e9 brevemente a continuaci\u00f3n:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Aplicaciones nativas<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Este concepto es muy sencillo de entender, b\u00e1sicamente las aplicaciones nativas son aquellas que<strong> se dise\u00f1an para funcionar en un sistema operativo concreto.<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Como ejemplo para que lo visualices mejor, se dar\u00eda el caso con aquellas aplicaciones iOs que no podemos instalar en nuestro Android.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Aplicaciones web<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">En el caso de las aplicaciones web estas<strong> funcionan en cualquier sistema operativo, simplemente dependen del navegador <\/strong>que se utilice.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Este podr\u00eda ser el caso de las <a href=\"https:\/\/neoattack.com\/blog\/redes-sociales\/\">redes sociales<\/a>, que funcionan de esta manera.<\/p>\n\n\n\n<figure><img decoding=\"async\" src=\"https:\/\/neoattack.com\/wp-content\/uploads\/2021\/02\/como-hacer-una-pwa.jpg\" alt=\"c\u00f3mo hacer una PWA\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">C\u00f3mo crear una Progressive Web App<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Una vez comprendidos los diferentes conceptos que se les puede dar a los distintos tipos de aplicaciones que hay<strong>, vamos a proceder a hablar de c\u00f3mo crear una Progressive Web App.<\/strong><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Requisitos para crear una Progressive Web App<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Para saber c\u00f3mo hacer una PWA, debes tener claro que debes cumplir ciertos requisitos para poder desarrollarla sin problemas.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Uno de los requisitos es tener un <strong>conocimiento al menos b\u00e1sico de c\u00f3digo HTML, CSS y Javascript;<\/strong> ya que, si las Progressive Web App se desarrollan con estos c\u00f3digos, debes conocerlos para crear una Progressiva Web App.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Debes poseer una librer\u00eda OneUI CSS<\/strong>, esto te servir\u00e1 para lograr ese dise\u00f1o responsive que permitir\u00e1 que tu aplicaci\u00f3n se vea de la manera correcta en cualquier dispositivo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Y finalmente, <strong>necesitar\u00e1s un navegador web.<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Una vez que hayas cumplido los requisitos necesarios para poder comenzar con la creaci\u00f3n de tu PWA, vamos a explicarte los pasos que debes seguir para comenzar:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Programas para crear una Progressive Web App<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Para crear una Progressive Web App, podr\u00e1s encontrar diferentes herramientas que usar,<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">como por ejemplo:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Glitch<\/strong>: Esta es una herramienta online, que te permitir\u00e1 crear tus propios proyectos. Es muy sencilla de utilizar, puedes crear tus nuevos proyectos y almacenarlos en la nube.<\/li>\n\n\n\n<li><strong>PWA Builder<\/strong>: Esta es otra herramienta, con la que podr\u00e1s comenzar la creaci\u00f3n de tu Progressive Web App, mediante c\u00f3digo HTML.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Estas herramientas te facilitar\u00e1n el proceso de creaci\u00f3n de la PWA.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Elementos para hacer una PWA<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Los elementos que necesitar\u00e1s para poder hacer una PWA, por norma general, son diferentes ficheros que se compondr\u00e1n de la informaci\u00f3n imprescindible de funcionamiento.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Fichero config.manifiesto<\/strong>: Este fichero incluir\u00e1 toda la informaci\u00f3n para que nuestra aplicaci\u00f3n se ejecute de la manera correcta. Tambi\u00e9n tendr\u00e1 datos detallados sobre la misma, tales como el nombre de la misma, los ficheros utilizados y su ruta, colores de la aplicaci\u00f3n entre otros datos.<\/li>\n\n\n\n<li><strong>Fichero Service Worker<\/strong>: Este fichero es el que le otorgar\u00e1 las principales funcionalidades a nuestra PWA, entre las cuales encontramos la m\u00e1s importante, el hecho de que pueda ser utilizada sin conexi\u00f3n a Internet.<\/li>\n\n\n\n<li><strong>Conexi\u00f3n HTTPS: <\/strong>Otro detalle que debemos cumplir de manera obligatoria, es que se acceda a nuestra Progressive Web App a trav\u00e9s de c\u00f3digos de seguridad SSL.<br>Logotipo: Todos diferenciamos las aplicaciones que tenemos en nuestros tel\u00e9fonos a trav\u00e9s del logotipo de las mismas \u00bfCierto? Con las PWA ocurre exactamente igual, debemos crear su propio logotipo para que sea utilizado como icono.<\/li>\n\n\n\n<li><strong>C\u00f3digo HTML:<\/strong> Finalmente debemos tener un archivo con el c\u00f3digo HTML que le de la funcionalidad de PWA.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Una vez terminado el proceso de creaci\u00f3n con estos elementos ya tendr\u00e1s hecha tu Progressive Web App.<\/p>\n\n\n\n<figure><img decoding=\"async\" src=\"https:\/\/neoattack.com\/wp-content\/uploads\/2021\/02\/crear-pwa.jpg\" alt=\"crear PWA\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">\u00bfD\u00f3nde publicar PWA?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Ahora que sabes c\u00f3mo crear una Progressive Web App, debes saber tambi\u00e9n d\u00f3nde puedes publicarla.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Todos conocemos Play Store o App Store, <\/strong>que son los dos gigantes en los que puedes publicar tus aplicaciones de manera gratuita o a\u00f1adiendo un cobro para obtener beneficios por el desarrollo de la App.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Con las Progressive Web App ocurre igual,<strong> tienen su propia plataforma <\/strong>a trav\u00e9s de la cual puedes publicar tu PWA y adem\u00e1s, obtener otras publicadas por otros usuarios.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Esta plataforma es <\/strong><a href=\"https:\/\/appsco.pe\/\"><strong>Apps.cope<\/strong><\/a><strong>, y en ella encontrar\u00e1s un gran n\u00famero de aplicaciones, <\/strong>algunas que seguramente conozcas (como puede ser el caso de Tik Tok, Twitter, etc) y otras no tan conocidas.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Su formato nos recuerda a la tienda de aplicaciones de Android,<\/strong> ya que divide las aplicaciones en categor\u00edas y te a\u00f1ade un buscador para que encuentres lo que necesitas.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Y hasta aqu\u00ed el art\u00edculo, espero que hayas aprendido de manera correcta a c\u00f3mo crear una Progressive Web App, puede parecer un proceso complicado y necesitas de algunos conocimientos b\u00e1sicos para ello, pero nada es imposible. <strong>En <\/strong><a href=\"https:\/\/neoattack.com\/\"><strong>NeoAttack<\/strong><\/a><strong> nos agrada siempre ense\u00f1arte nuevas formas de hacer crecer tu negocio<\/strong> y ayudarte a innovar.<br>Si te planteas crear un negocio,<strong> no dudes en <\/strong><a href=\"https:\/\/neoattack.com\/contacto\/\"><strong>contactarnos<\/strong><\/a><strong>,<\/strong> podemos ayudarte a incrementar tus ventas con nuestras estrategias de marketing digital personalizadas.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Si quieres aprender a crear una Progressive Web App has llegado al post correcto, este tipo de aplicaciones se desarrollan a trav\u00e9s de c\u00f3digos HTML, CSS y Javascript. Estas aplicaciones tienen unas caracter\u00edsticas diferenciadas de las aplicaciones normales, tales como, que poseen un dise\u00f1o adaptado a cualquier dispositivo para que se pueda ver correctamente, funciona [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":3948,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[10],"tags":[],"class_list":["post-6261","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-seo"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>C\u00f3mo crear una Progressive Web App | Neoattack<\/title>\n<meta name=\"description\" content=\"Si quieres descubrir c\u00f3mo crear una Progressive Web App paso a paso, no te puedes perder este art\u00edculo, te lo contamos todo\u2705\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/neoattack.com\/blog\/crear-progressive-web-app\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"C\u00f3mo crear una Progressive Web App | Neoattack\" \/>\n<meta property=\"og:description\" content=\"Si quieres descubrir c\u00f3mo crear una Progressive Web App paso a paso, no te puedes perder este art\u00edculo, te lo contamos todo\u2705\" \/>\n<meta property=\"og:url\" content=\"https:\/\/neoattack.com\/blog\/crear-progressive-web-app\/\" \/>\n<meta property=\"og:site_name\" content=\"NeoAttack\" \/>\n<meta property=\"article:published_time\" content=\"2021-02-09T14:52:02+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-07T20:04:11+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/neoattack.com\/blog\/wp-content\/uploads\/2021\/02\/crear-progressive-web-app-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"1247\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Alejandra Salleras\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Alejandra Salleras\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\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:\\\/\\\/neoattack.com\\\/blog\\\/crear-progressive-web-app\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/crear-progressive-web-app\\\/\"},\"author\":{\"name\":\"Alejandra Salleras\",\"@id\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/#\\\/schema\\\/person\\\/4f1ec6203a1e00f4046660282f08d329\"},\"headline\":\"C\u00f3mo crear una Progressive Web App\",\"datePublished\":\"2021-02-09T14:52:02+00:00\",\"dateModified\":\"2026-10-07T20:04:11+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/crear-progressive-web-app\\\/\"},\"wordCount\":1080,\"publisher\":{\"@id\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/crear-progressive-web-app\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/02\\\/crear-progressive-web-app-1.jpg\",\"articleSection\":[\"SEO\"],\"inLanguage\":\"es\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/crear-progressive-web-app\\\/\",\"url\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/crear-progressive-web-app\\\/\",\"name\":\"C\u00f3mo crear una Progressive Web App | Neoattack\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/crear-progressive-web-app\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/crear-progressive-web-app\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/02\\\/crear-progressive-web-app-1.jpg\",\"datePublished\":\"2021-02-09T14:52:02+00:00\",\"dateModified\":\"2026-10-07T20:04:11+00:00\",\"description\":\"Si quieres descubrir c\u00f3mo crear una Progressive Web App paso a paso, no te puedes perder este art\u00edculo, te lo contamos todo\u2705\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/crear-progressive-web-app\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/neoattack.com\\\/blog\\\/crear-progressive-web-app\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/crear-progressive-web-app\\\/#primaryimage\",\"url\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/02\\\/crear-progressive-web-app-1.jpg\",\"contentUrl\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/02\\\/crear-progressive-web-app-1.jpg\",\"width\":2560,\"height\":1247,\"caption\":\"crear-progressive-web-app\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/crear-progressive-web-app\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"C\u00f3mo crear una Progressive Web App\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/\",\"name\":\"NeoAttack Blog\",\"description\":\"Blog de NeoAttack\",\"publisher\":{\"@id\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/#organization\",\"name\":\"NeoAttack Blog\",\"url\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/cropped-logo_neoattack_fondo_oscuro.jpg\",\"contentUrl\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/cropped-logo_neoattack_fondo_oscuro.jpg\",\"width\":1200,\"height\":675,\"caption\":\"NeoAttack Blog\"},\"image\":{\"@id\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/#\\\/schema\\\/person\\\/4f1ec6203a1e00f4046660282f08d329\",\"name\":\"Alejandra Salleras\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/team-alejandra-salleras-150x150.webp\",\"url\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/team-alejandra-salleras-150x150.webp\",\"contentUrl\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/team-alejandra-salleras-150x150.webp\",\"caption\":\"Alejandra Salleras\"},\"description\":\"Responsable de SEO y Contenidos \u00bfSoy la directora de SEO y contenidos? Si, porque alguien tiene que hacer que Google nos adore. \u00bfEst\u00e1s buscando a alguien que te d\u00e9 un discurso bonito? Te ha equivocado de persona. \u00bfSi tengo tiempo para rodeos? Claro, entre nunca y jam\u00e1s. Aqu\u00ed estamos para conseguir resultados, no excusas.Y si te preguntas por qu\u00e9 esta descripci\u00f3n es tan directa, no puedo responderte porque acabo de despedir al becario que la escribi\u00f3.\",\"sameAs\":[\"http:\\\/\\\/www.linkedin.com\\\/in\\\/alejandra-salleras-grand-9222971aa\\\/\"],\"url\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/author\\\/alejandra\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"C\u00f3mo crear una Progressive Web App | Neoattack","description":"Si quieres descubrir c\u00f3mo crear una Progressive Web App paso a paso, no te puedes perder este art\u00edculo, te lo contamos todo\u2705","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:\/\/neoattack.com\/blog\/crear-progressive-web-app\/","og_locale":"es_ES","og_type":"article","og_title":"C\u00f3mo crear una Progressive Web App | Neoattack","og_description":"Si quieres descubrir c\u00f3mo crear una Progressive Web App paso a paso, no te puedes perder este art\u00edculo, te lo contamos todo\u2705","og_url":"https:\/\/neoattack.com\/blog\/crear-progressive-web-app\/","og_site_name":"NeoAttack","article_published_time":"2021-02-09T14:52:02+00:00","article_modified_time":"2026-10-07T20:04:11+00:00","og_image":[{"width":2560,"height":1247,"url":"https:\/\/neoattack.com\/blog\/wp-content\/uploads\/2021\/02\/crear-progressive-web-app-1.jpg","type":"image\/jpeg"}],"author":"Alejandra Salleras","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Alejandra Salleras","Tiempo de lectura":"6 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/neoattack.com\/blog\/crear-progressive-web-app\/#article","isPartOf":{"@id":"https:\/\/neoattack.com\/blog\/crear-progressive-web-app\/"},"author":{"name":"Alejandra Salleras","@id":"https:\/\/neoattack.com\/blog\/#\/schema\/person\/4f1ec6203a1e00f4046660282f08d329"},"headline":"C\u00f3mo crear una Progressive Web App","datePublished":"2021-02-09T14:52:02+00:00","dateModified":"2026-10-07T20:04:11+00:00","mainEntityOfPage":{"@id":"https:\/\/neoattack.com\/blog\/crear-progressive-web-app\/"},"wordCount":1080,"publisher":{"@id":"https:\/\/neoattack.com\/blog\/#organization"},"image":{"@id":"https:\/\/neoattack.com\/blog\/crear-progressive-web-app\/#primaryimage"},"thumbnailUrl":"https:\/\/neoattack.com\/blog\/wp-content\/uploads\/2021\/02\/crear-progressive-web-app-1.jpg","articleSection":["SEO"],"inLanguage":"es"},{"@type":"WebPage","@id":"https:\/\/neoattack.com\/blog\/crear-progressive-web-app\/","url":"https:\/\/neoattack.com\/blog\/crear-progressive-web-app\/","name":"C\u00f3mo crear una Progressive Web App | Neoattack","isPartOf":{"@id":"https:\/\/neoattack.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/neoattack.com\/blog\/crear-progressive-web-app\/#primaryimage"},"image":{"@id":"https:\/\/neoattack.com\/blog\/crear-progressive-web-app\/#primaryimage"},"thumbnailUrl":"https:\/\/neoattack.com\/blog\/wp-content\/uploads\/2021\/02\/crear-progressive-web-app-1.jpg","datePublished":"2021-02-09T14:52:02+00:00","dateModified":"2026-10-07T20:04:11+00:00","description":"Si quieres descubrir c\u00f3mo crear una Progressive Web App paso a paso, no te puedes perder este art\u00edculo, te lo contamos todo\u2705","breadcrumb":{"@id":"https:\/\/neoattack.com\/blog\/crear-progressive-web-app\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/neoattack.com\/blog\/crear-progressive-web-app\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/neoattack.com\/blog\/crear-progressive-web-app\/#primaryimage","url":"https:\/\/neoattack.com\/blog\/wp-content\/uploads\/2021\/02\/crear-progressive-web-app-1.jpg","contentUrl":"https:\/\/neoattack.com\/blog\/wp-content\/uploads\/2021\/02\/crear-progressive-web-app-1.jpg","width":2560,"height":1247,"caption":"crear-progressive-web-app"},{"@type":"BreadcrumbList","@id":"https:\/\/neoattack.com\/blog\/crear-progressive-web-app\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/neoattack.com\/blog\/"},{"@type":"ListItem","position":2,"name":"C\u00f3mo crear una Progressive Web App"}]},{"@type":"WebSite","@id":"https:\/\/neoattack.com\/blog\/#website","url":"https:\/\/neoattack.com\/blog\/","name":"NeoAttack Blog","description":"Blog de NeoAttack","publisher":{"@id":"https:\/\/neoattack.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/neoattack.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/neoattack.com\/blog\/#organization","name":"NeoAttack Blog","url":"https:\/\/neoattack.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/neoattack.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/neoattack.com\/blog\/wp-content\/uploads\/2026\/09\/cropped-logo_neoattack_fondo_oscuro.jpg","contentUrl":"https:\/\/neoattack.com\/blog\/wp-content\/uploads\/2026\/09\/cropped-logo_neoattack_fondo_oscuro.jpg","width":1200,"height":675,"caption":"NeoAttack Blog"},"image":{"@id":"https:\/\/neoattack.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/neoattack.com\/blog\/#\/schema\/person\/4f1ec6203a1e00f4046660282f08d329","name":"Alejandra Salleras","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/neoattack.com\/blog\/wp-content\/uploads\/2026\/09\/team-alejandra-salleras-150x150.webp","url":"https:\/\/neoattack.com\/blog\/wp-content\/uploads\/2026\/09\/team-alejandra-salleras-150x150.webp","contentUrl":"https:\/\/neoattack.com\/blog\/wp-content\/uploads\/2026\/09\/team-alejandra-salleras-150x150.webp","caption":"Alejandra Salleras"},"description":"Responsable de SEO y Contenidos \u00bfSoy la directora de SEO y contenidos? Si, porque alguien tiene que hacer que Google nos adore. \u00bfEst\u00e1s buscando a alguien que te d\u00e9 un discurso bonito? Te ha equivocado de persona. \u00bfSi tengo tiempo para rodeos? Claro, entre nunca y jam\u00e1s. Aqu\u00ed estamos para conseguir resultados, no excusas.Y si te preguntas por qu\u00e9 esta descripci\u00f3n es tan directa, no puedo responderte porque acabo de despedir al becario que la escribi\u00f3.","sameAs":["http:\/\/www.linkedin.com\/in\/alejandra-salleras-grand-9222971aa\/"],"url":"https:\/\/neoattack.com\/blog\/author\/alejandra\/"}]}},"_links":{"self":[{"href":"https:\/\/neoattack.com\/blog\/wp-json\/wp\/v2\/posts\/6261","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/neoattack.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/neoattack.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/neoattack.com\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/neoattack.com\/blog\/wp-json\/wp\/v2\/comments?post=6261"}],"version-history":[{"count":1,"href":"https:\/\/neoattack.com\/blog\/wp-json\/wp\/v2\/posts\/6261\/revisions"}],"predecessor-version":[{"id":8613,"href":"https:\/\/neoattack.com\/blog\/wp-json\/wp\/v2\/posts\/6261\/revisions\/8613"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/neoattack.com\/blog\/wp-json\/wp\/v2\/media\/3948"}],"wp:attachment":[{"href":"https:\/\/neoattack.com\/blog\/wp-json\/wp\/v2\/media?parent=6261"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/neoattack.com\/blog\/wp-json\/wp\/v2\/categories?post=6261"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/neoattack.com\/blog\/wp-json\/wp\/v2\/tags?post=6261"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}