Hot answers tagged

54

What is Progressive Web Apps ? Looks and behaves like a mobile app. Take advantage of native mobile device features, without requiring the end user to visit an app store, make a purchase and download it locally. Why PWA? Fast Secure (second last topic of answer) Responsive Cross-browser compatible Offline Mode (Check the last topic in the answer) Mobile “...


9

For more reference ** Let's start with Magento 2.3 installation with PWA** 1. Enter the following command in DIR /var/www/html/ (m230 is my Magento 2.3 directory): composer create-project --repository=https://repo.magento.com/ magento/project-community-edition=2.3.* --stability=beta m230 2. Install Magento by Command Line: bin/magento setup:install --...


8

As magento is using "PWA" it is also adding "GraphQL API" for providing front-end development side api alternative of "REST/SOAP" as "GraphQL" api. GraphQL GraphQL is a query language for using APIs. With the rise of the PWA, there is a need to get smaller amounts of data and to make fewer API requests. GraphQL’s query language makes this possible ...


8

This code is to add newsletter in the footer, the code is based on venia concept package. change as per your need. Here you have to create REST Api module for newsletter in Magento, there is free module available you can use that https://github.com/regento/magento2-newsletter-api Import Newsletter in Footer: src/components/Footer/footer.js import ...


6

PWA - Progressive Web Application are the generally web application which is user experiences the rich web. in way of : Reliable - load instantly and also available in offline mode. Fast - in a way of interaction where user are smoothly interact with it, and also without any scrolling or animation junks. Engaging - as denoted above both points if ...


5

If error like this : lerna ERR! npm run build -s exited 1 in '@magento/venia-concept', then run following commands sudo npm restart sudo npm run stage:venia sudo npm cache clean -f sudo npm install -g n sudo n stable / sudo n latest (depends on version) sudo npm i @magento/pwa-buildpack sudo npm i @magento/upward-js sudo npm i @magento/venia-...


5

Looks like it's browser compatibility issue. Please try to check it in different browsers, also please update your current browser.


5

PWAs/Service workers do require an SSL certificate/HTTPS. You need HTTPS During development you'll be able to use service worker through localhost, but to deploy it on a site you'll need to have HTTPS setup on your server. Using service worker you can hijack connections, fabricate, and filter responses. Powerful stuff. While you would use these powers for ...


4

First of all install Node js latest version using following command - curl -sL https://deb.nodesource.com/setup_10.x | sudo bash - - sudo apt-get install -y nodejs - sudo apt install npm Now go to Magento Root directory : - cd var/www/html/pwa-magento/ Download PWA clone directory and install npm into this directory using following commands - git clone ...


4

If you need something ready for production asap: I have installed and used the system Vue Store Front (open source system, the community available through slack answers to questions although I had a few hit and miss but overall the system is very useful at this stage of the PWA integration) --> It uses Vue rather than React. And it also uses ElasticSearch ...


4

Progressive means that the application loads along with any relevant data and assets, as a user navigates around your website. This results in an end-user experience with better speed, usability, offline operation and device integration. Web means that it’s written in the languages of the web (HTML, CSS, JavaScript). This allows you to create a site that ...


4

As per the announcement in Magento imagine conference 2018, Progressive Web Apps (PWA) will be in the main features of Magento 2.3. Magento 2.3, has been announced and scheduled for Q3 of 2018. You can check unofficial Magento2 Roadmap that mentioned all the features from multiple sources. Some Other useful links that help to understand more about M2.3 ...


4

About PWA in Magento: You can read more about the implementation of the PWA on the magento forum, where stored all useful links to a blog post or github projects: Magento 1 PWA module on github by Meanbee Blog Post "Why does your Magento Site need to be a Progressive Web App?" by Tom Robertshaw from Meanbee Magento 2 Service Worker module on github by ...


4

I have installed PWA in Magento2.3 in Ubuntu OS Prerequisites NodeJS >=10.14.1 LTS Node Package Manager (NPM) Step 1 Setup Fresh Magento 2.3 Step 2 Clone the PWA Studio repository into your development environment. Step 3 Install PWA Studio dependencies npm install Step 4 Specify the Magento backend server Under the packages/venia-concept directory,...


4

We are creating a custom theme based on pwa-studio with this repo https://github.com/Jordaneisenburger/fallback-studio


4

I have also faced this same issue, although I still need to figure out what is the exact root cause and good solution, but I can suggest you a instant solution that I tried and worked for me. open pwa-studio/packages/venia-concept/.env MAGENTO_BUILDPACK_SECURE_HOST_ADD_UNIQUE_HASH=1 Uncomment MAGENTO_BUILDPACK_SECURE_HOST_SUBDOMAIN (remove #) and give a ...


4

I also faced same issue. After so much trouble and research I found that while we run bash deployVeniaSampleData.sh command, Magento tries to find authentication from github. Please follow below steps to resolve your issue: 1) Copy auth.json.sample file placed on Magento root directory and paste it on same place. 2) Rename auth.json(copy).sample file to ...


4

Try with below code. type StoreHolidayInfo { dates: holidayDates, days: String, details: [holidayDetails] } type holidayDates { repetitive: [String] @doc(description: "holiday id"), normal: [String] @doc(description: "holiday id"), shipping_off_day: [String] @doc(description: "holiday id") } type holidayDetails { holiday_id: ...


3

Magento 2.2 and 2.1 does not have feature for support the pwa. One of most import component of PWA that is GraphQl that does not exit Magento 2.1 and magento 2.2. If you want to use pwa then use Magento version 2.3.


3

Progressive Web Apps is the middle ground between installable mobile apps and websites. We expect to see more traffic on the internet from mobile devices than from desktops, by 2019. PWAs improve the look and feel of websites to increase conversion. PWAs Offer Fast, Frictionless, “App-Like” Experiences Driving More Traffic, Higher Conversions and ...


3

Go to packages/venia-concept/.env and add pub directory, if still not works you can add whole project URL. MAGENTO_BACKEND_MEDIA_PATH_PRODUCT="/pub/media/catalog/product" MAGENTO_BACKEND_MEDIA_PATH_CATEGORY="/pub/media/catalog/category"


3

This may happen due to incompatible composer version. Please upgrade your composer to latest version using below code. composer self-update And then try again executing the command.


3

Set file system ownership and permissions again as a user with root privileges. Don’t install sample data in production mode. Switch to developer mode and clear var(cached files) directories and try again. Enter the following commands in the order shown as the Magento file system owner: $cd <magento_root> $bin/magento deploy:mode:set developer $rm -...


2

To answer only a part of your question but more Magento 2 specific. PWA will be easier to build thanks to future Magento 2.3 release. https://www.degdigital.com/insights/magento-2-3/ Quoted from this article : PWA A Progressive Web App is an application built to take advantage of modern technology features that “progressively” scales back on ...


2

Magento 2.3 is under Beta testing at this point. Any errors that you get from this version needs to be reported like said on their page : Magento 2.3 Beta start guide I understand that this can be frustrating but i am afraid that you will not receive a lot of answers here regarding the PWA or other new features of Magento 2.3 since it is not ment to ...


2

git clone https://github.com/magento-research/pwa-studio.git cd pwa-studio npm install cp packages/venia-concept/.env.dist packages/venia-concept/.env edit and change MAGENTO_BACKEND_URL in packages/venia-concept/.env In pwa-studio folder run: npm run build && NODE_ENV=production PORT=8000 npm run stage:venia It will start the server on port 8000. ...


2

You can change the PWA development environment domain names by updating below env variables inside below path. /var/www/pwa-studio/packages/venia-concept/.env:37 And uncomment below lines and give your domain names. # By default your subdomain will be detected from your package.json name. # Use this to override it. # ...


2

You can find the latest version of the Magento Venia PWA Theme here https://magento-venia.now.sh/


2

It is because windows does not support Magento PWA studio. Please use Linux subsystem for windows to install it.


2

I solved my problem, hope if it may help anyone else. The issue was that I was not having the root access and due to which it was not working. ** If any one else faces this issue please delete content of "/home/narendra/.config/devcert" folder completely and try again with root user. (In my case option to enter password was also not coming but on ...


Only top voted, non community-wiki answers of a minimum length are eligible