{"id":237754,"date":"2020-03-13T13:40:26","date_gmt":"2020-03-13T13:40:26","guid":{"rendered":"https:\/\/webkul.com\/blog\/?p=237754"},"modified":"2024-02-23T14:19:18","modified_gmt":"2024-02-23T14:19:18","slug":"how-to-install-magento2-mobikul-pwa","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/how-to-install-magento2-mobikul-pwa\/","title":{"rendered":"How to Install Magento2 Mobikul PWA"},"content":{"rendered":"\n<p>1. <a href=\"https:\/\/store.webkul.com\/magento2-headless-pwa.html\">Magento2 PWA Mobikul<\/a> module installation is very easy, please follow the steps for installation-<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Install the Magento latest version &gt;= 2.3.1<\/li>\n\n\n\n<li>Unzip the respective extension zip and then move the &#8220;app&#8221; folder (inside &#8220;src&#8221; folder) into the Magento root directory.<\/li>\n<\/ul>\n\n\n\n<p>2. Run Following Command via terminal<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>php bin\/magento setup:upgrade<\/li>\n\n\n\n<li> php bin\/magento setup:di:compile<\/li>\n\n\n\n<li> php bin\/magento setup:static-content:deploy<\/li>\n\n\n\n<li> php bin\/magento  cache:flush<\/li>\n<\/ul>\n\n\n\n<p>3. Install the PWA Studio tool version 3.0.0. <\/p>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>Note: Mobikul PWA will work only with the PWA-Studii ver 3.0.0<\/p>\n<\/blockquote>\n\n\n\n<p class=\"has-text-align-left\">    <strong> clone pwa-studio repository<\/strong><\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\">      https:&#047;&#047;github.com\/magento-research\/pwa-studio.git<\/pre>\n\n\n\n<pre class=\"EnlighterJSRAW\">      git clone https:\/\/github.com\/magento-research\/pwa-studio.git<\/pre>\n\n\n\n<p>I have cloned this repository in magento root directory ex: \/var\/www\/html\/mage0<\/p>\n\n\n\n<p>You will see the pwa-studio directory in \/var\/www\/html\/mage0.<br> Enter into this directory:<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\"> cd pwa-studio\/<\/pre>\n\n\n\n<p>Run:<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\">yarn install<\/pre>\n\n\n\n<p>Specify the Magento backend server in .env file. you can see the .env.dist file in<br> <strong>\/var\/www\/html\/mage0\/pwa-studio\/packages\/venia-concept\/<\/strong> directory. If you are not able to see, enable show hidden files. Now create .env file from this env.dist<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\">cp packages\/venia-concept\/.env.dist packages\/venia-concept\/.env<\/pre>\n\n\n\n<p>Open this .env file and find MAGENTO_BACKEND_URL. Here configure your<br> local Magento 2.3 instance, my case it is:<\/p>\n\n\n\n<p><strong>MAGENTO_BACKEND_URL=&#8221;https:\/\/magento2-pwa.com\/&#8221;<\/strong><\/p>\n\n\n\n<p>7.1 Generate SSL certificate because PWA features require an HTTPS Secure Domain. From the root directory of PWA (\/pwa-studio) run below command:<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\">yarn buildpack create-custom-origin packages\/venia-concept<\/pre>\n\n\n\n<p><strong>Note:<\/strong> 7.1 Feature requires administrative access.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Now let install sample data for venia-theme to make it good looking.()<\/li>\n\n\n\n<li>Find the deployVeniaSampleData.sh file in<br> <strong>\/var\/www\/html\/mage0\/pwa-studio\/packages\/venia-concept\/<\/strong> directory. and copy this<br> file in your Magento root directory. Now it must look like<br> <strong>\/var\/www\/html\/mage0\/deployVeniaSampleData.s<\/strong>h Now run:<\/li>\n<\/ul>\n\n\n\n<pre class=\"EnlighterJSRAW\">bash deployVeniaSampleData.sh<\/pre>\n\n\n\n<p><strong>Note:<\/strong> if you don&#8217;t want to install the sample data then skip above step<\/p>\n\n\n\n<p>After successful installation run:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li> bin\/magento setup:upgrade<\/li>\n\n\n\n<li>bin\/magento indexer:reindex<\/li>\n\n\n\n<li>bin\/magento cache:flush<\/li>\n<\/ul>\n\n\n\n<p>Open your Magento instance, you will be able to see the installed sample data like:<br> pwa-sample-data<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1157\" height=\"687\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/03\/blog-image-1.png\" alt=\"blog-image-1\" class=\"wp-image-237840\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/03\/blog-image-1.png 1157w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/03\/blog-image-1-300x178.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/03\/blog-image-1-250x148.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/03\/blog-image-1-768x456.png 768w\" sizes=\"(max-width: 1157px) 100vw, 1157px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Now go back to pwa-studio directory \/var\/www\/html\/mage0\/pwa-studio and<br> start Server.<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\">yarn run build<\/pre>\n\n\n\n<p>The above command may give the permission error, for that run the above command with sudo.<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\">sudo yarn run build<\/pre>\n\n\n\n<p>Run server, Use any of the following commands from the project root directory to start<br> the server:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li> yarn run watch:venia<\/li>\n\n\n\n<li> yarn run watch:all<\/li>\n\n\n\n<li> yarn run build &amp;&amp; yarn run stage:venia<\/li>\n<\/ul>\n\n\n\n<p>The above commands may give the permission error, for that run the above command with sudo.<\/p>\n\n\n\n<p>you can find more about above commands from <a href=\"https:\/\/magento.github.io\/pwa-studio\/venia-pwa-concept\/setup\/\">Venia storefront setup<\/a><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Now browse the application, you will  saw the application URL on terminal like:<\/li>\n<\/ul>\n\n\n\n<p><strong>PWADevServer ready at https:\/\/magento-venia.local.pwadev:8001<\/strong><\/p>\n\n\n\n<p>OR<\/p>\n\n\n\n<p><strong>Launching staging server\u2026<\/strong><\/p>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<p><strong>https:\/\/magento-venia.local.pwadev:51828\/<br><\/strong>&nbsp;<br>The staging server running at the address above<\/p>\n<\/div><\/div>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><strong>Note:<\/strong> You might get the issues that the product\u2019s images are not loading on PWA.<br> To fix this issue, create a virtual host, as I have created https:\/\/magento2-pwa.com that must be pointing to your pub directory of Magento instance, not to the root directory of your Magento.<\/p>\n<\/blockquote>\n\n\n\n<p>Congratulations! You have set up your development environment for the Venia theme project.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<p>4. Now How to install the Magento Pwa :<\/p>\n\n\n\n<p>Move the &#8220;<strong>packages<\/strong>&#8221; folder (inside &#8220;<strong>pwa-studio<\/strong>&#8221; folder) into <strong>magento pwa-studio <\/strong>directory<\/p>\n\n\n\n<p>Run the following command:<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\">cp packages\/mobikul\/.env.dist packages\/mobikul\/.env<\/pre>\n\n\n\n<p>and make an entry for Magento Host Url that has been put for venia-concept mentioned above steps while installing PWA studio.<\/p>\n\n\n\n<p>Please enter the pub folder URL in the host URL to avoid image issue in PWA Studio<br> e.g pwa.com\/pub here pwa.com is your Magento URL<\/p>\n\n\n\n<p>Now enter the server key as well as message sender id in the .env file. in the following directory<br> &#8220;Your-Magento-Instance-Folder\/PWA-studio\/packages\/mobikul&#8221; from firebase account for push notification<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\">Example:\n ########## FireBase integration configuration  ######################\n #\n #   Set variables to control your FireBase integration.\n #\n #   Specify a FireBase message id to register the device\n MESSAGE_SENDER_ID=123456789\n #\n SERVER_KEY=qwertyuio\n ###############################################################################<\/pre>\n\n\n\n<p>Enter the following command in package.json under the pwa-studio folder.<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\">under &quot;workspace&quot; key enter &quot;packages\/mobikul&quot;\n\nunder &quot;scripts&quot; key enter the following command\n &quot;watch:mobikul&quot;: &quot;yarn workspace @magento\/mobikul run watch; cd - &gt;\/dev\/null&quot;,\n &quot;stats:mobikul&quot;: &quot;yarn workspace @magento\/mobikul run build:analyze &amp;&amp; yarn workspace @magento\/mobikul run stats&quot;,\n &quot;stage:mobikul&quot;: &quot;yarn workspace @magento\/mobikul run start; cd - &gt;\/dev\/null&quot;\n\n Note: Please make sure of commas while entering the command.<\/pre>\n\n\n\n<p><\/p>\n\n\n\n<p>9.) Now install the follwing packages by running the following command parallel to pwa-studio folder<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\">yarn add @material-ui\/core -W\nyarn add @material-ui\/icons -W\nyarn add jquery -W\nyarn add forever -g -W\nyarn add firebase -W\nyarn add qrcode.react -W\nyarn add quagga -W\nyarn add react-responsive-carousel -W\nyarn add lottie-react-web -W\nyarn add css-loader@2.1.1 -W\nyarn add @material-ui\/lab -W<\/pre>\n\n\n\n<p>Note: Please run all commad with sudo permission.    <\/p>\n\n\n\n<p>now run the following command to run the new mobikul theme of PWA<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\"> sudo yarn install\n sudo yarn run build\n sudo yarn run watch:mobikul<\/pre>\n\n\n\n<p>While running build command some time you get the issue of Parser.js file for that to replace the  match function with given below code and run the build command again make sure pwa-studio have to write permission<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\">File path:- pwa-studio\/node_modules\/@magento\/directive-parser\/src\/Parser.js\n match(type, token = this.currentToken) {\n     if (token === undefined) {\n         return false;\n     }\n     return token.type === type;\n }<\/pre>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>1. Magento2 PWA Mobikul module installation is very easy, please follow the steps for installation- 2. Run Following Command via terminal 3. Install the PWA Studio tool version 3.0.0. Note: Mobikul PWA will work only with the PWA-Studii ver 3.0.0 clone pwa-studio repository I have cloned this repository in magento root directory ex: \/var\/www\/html\/mage0 You <a href=\"https:\/\/webkul.com\/blog\/how-to-install-magento2-mobikul-pwa\/\">[&#8230;]<\/a><\/p>\n","protected":false},"author":169,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-237754","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Install Magento2 Mobikul PWA - Webkul Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/webkul.com\/blog\/how-to-install-magento2-mobikul-pwa\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Install Magento2 Mobikul PWA - Webkul Blog\" \/>\n<meta property=\"og:description\" content=\"1. Magento2 PWA Mobikul module installation is very easy, please follow the steps for installation- 2. Run Following Command via terminal 3. Install the PWA Studio tool version 3.0.0. Note: Mobikul PWA will work only with the PWA-Studii ver 3.0.0 clone pwa-studio repository I have cloned this repository in magento root directory ex: \/var\/www\/html\/mage0 You [...]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/how-to-install-magento2-mobikul-pwa\/\" \/>\n<meta property=\"og:site_name\" content=\"Webkul Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/webkul\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-03-13T13:40:26+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-02-23T14:19:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2020\/03\/blog-image-1.png\" \/>\n<meta name=\"author\" content=\"Ramakant Pandey\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@webkul\" \/>\n<meta name=\"twitter:site\" content=\"@webkul\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ramakant Pandey\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webkul.com\/blog\/how-to-install-magento2-mobikul-pwa\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/how-to-install-magento2-mobikul-pwa\/\"},\"author\":{\"name\":\"Ramakant Pandey\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/e900dd4548d308477830b501e60214fa\"},\"headline\":\"How to Install Magento2 Mobikul PWA\",\"datePublished\":\"2020-03-13T13:40:26+00:00\",\"dateModified\":\"2024-02-23T14:19:18+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/how-to-install-magento2-mobikul-pwa\/\"},\"wordCount\":687,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/how-to-install-magento2-mobikul-pwa\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2020\/03\/blog-image-1.png\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/how-to-install-magento2-mobikul-pwa\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/how-to-install-magento2-mobikul-pwa\/\",\"url\":\"https:\/\/webkul.com\/blog\/how-to-install-magento2-mobikul-pwa\/\",\"name\":\"How to Install Magento2 Mobikul PWA - Webkul Blog\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/how-to-install-magento2-mobikul-pwa\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/how-to-install-magento2-mobikul-pwa\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2020\/03\/blog-image-1.png\",\"datePublished\":\"2020-03-13T13:40:26+00:00\",\"dateModified\":\"2024-02-23T14:19:18+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/how-to-install-magento2-mobikul-pwa\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/how-to-install-magento2-mobikul-pwa\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/how-to-install-magento2-mobikul-pwa\/#primaryimage\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/03\/blog-image-1.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/03\/blog-image-1.png\",\"width\":1157,\"height\":687,\"caption\":\"blog-image-1\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/how-to-install-magento2-mobikul-pwa\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Install Magento2 Mobikul PWA\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/webkul.com\/blog\/#website\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"name\":\"Webkul Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/webkul.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/webkul.com\/blog\/#organization\",\"name\":\"WebKul Software Private Limited\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"width\":380,\"height\":380,\"caption\":\"WebKul Software Private Limited\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/webkul\/\",\"https:\/\/x.com\/webkul\",\"https:\/\/www.instagram.com\/webkul\/\",\"https:\/\/www.linkedin.com\/company\/webkul\",\"https:\/\/www.youtube.com\/user\/webkul\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/e900dd4548d308477830b501e60214fa\",\"name\":\"Ramakant Pandey\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/1ea0042b92622eca16d3d8512f51f69bb43d023e0a40fa07bfc6fc5ca068f56c?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/1ea0042b92622eca16d3d8512f51f69bb43d023e0a40fa07bfc6fc5ca068f56c?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"caption\":\"Ramakant Pandey\"},\"url\":\"https:\/\/webkul.com\/blog\/author\/ramakant-pandey019\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Install Magento2 Mobikul PWA - Webkul Blog","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:\/\/webkul.com\/blog\/how-to-install-magento2-mobikul-pwa\/","og_locale":"en_US","og_type":"article","og_title":"How to Install Magento2 Mobikul PWA - Webkul Blog","og_description":"1. Magento2 PWA Mobikul module installation is very easy, please follow the steps for installation- 2. Run Following Command via terminal 3. Install the PWA Studio tool version 3.0.0. Note: Mobikul PWA will work only with the PWA-Studii ver 3.0.0 clone pwa-studio repository I have cloned this repository in magento root directory ex: \/var\/www\/html\/mage0 You [...]","og_url":"https:\/\/webkul.com\/blog\/how-to-install-magento2-mobikul-pwa\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2020-03-13T13:40:26+00:00","article_modified_time":"2024-02-23T14:19:18+00:00","og_image":[{"url":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2020\/03\/blog-image-1.png","type":"","width":"","height":""}],"author":"Ramakant Pandey","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Ramakant Pandey","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/how-to-install-magento2-mobikul-pwa\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/how-to-install-magento2-mobikul-pwa\/"},"author":{"name":"Ramakant Pandey","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/e900dd4548d308477830b501e60214fa"},"headline":"How to Install Magento2 Mobikul PWA","datePublished":"2020-03-13T13:40:26+00:00","dateModified":"2024-02-23T14:19:18+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/how-to-install-magento2-mobikul-pwa\/"},"wordCount":687,"commentCount":0,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/how-to-install-magento2-mobikul-pwa\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2020\/03\/blog-image-1.png","inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/how-to-install-magento2-mobikul-pwa\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/how-to-install-magento2-mobikul-pwa\/","url":"https:\/\/webkul.com\/blog\/how-to-install-magento2-mobikul-pwa\/","name":"How to Install Magento2 Mobikul PWA - Webkul Blog","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/how-to-install-magento2-mobikul-pwa\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/how-to-install-magento2-mobikul-pwa\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2020\/03\/blog-image-1.png","datePublished":"2020-03-13T13:40:26+00:00","dateModified":"2024-02-23T14:19:18+00:00","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/how-to-install-magento2-mobikul-pwa\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/how-to-install-magento2-mobikul-pwa\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/how-to-install-magento2-mobikul-pwa\/#primaryimage","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/03\/blog-image-1.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/03\/blog-image-1.png","width":1157,"height":687,"caption":"blog-image-1"},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/how-to-install-magento2-mobikul-pwa\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to Install Magento2 Mobikul PWA"}]},{"@type":"WebSite","@id":"https:\/\/webkul.com\/blog\/#website","url":"https:\/\/webkul.com\/blog\/","name":"Webkul Blog","description":"","publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/webkul.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/webkul.com\/blog\/#organization","name":"WebKul Software Private Limited","url":"https:\/\/webkul.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","width":380,"height":380,"caption":"WebKul Software Private Limited"},"image":{"@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/webkul\/","https:\/\/x.com\/webkul","https:\/\/www.instagram.com\/webkul\/","https:\/\/www.linkedin.com\/company\/webkul","https:\/\/www.youtube.com\/user\/webkul\/"]},{"@type":"Person","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/e900dd4548d308477830b501e60214fa","name":"Ramakant Pandey","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/1ea0042b92622eca16d3d8512f51f69bb43d023e0a40fa07bfc6fc5ca068f56c?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/1ea0042b92622eca16d3d8512f51f69bb43d023e0a40fa07bfc6fc5ca068f56c?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","caption":"Ramakant Pandey"},"url":"https:\/\/webkul.com\/blog\/author\/ramakant-pandey019\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/237754","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/users\/169"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=237754"}],"version-history":[{"count":59,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/237754\/revisions"}],"predecessor-version":[{"id":424286,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/237754\/revisions\/424286"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=237754"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=237754"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=237754"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}