Magento2.3 PWA Studio Setup

Magento 2.3 PWA installtion (https://webkul.com/blog/magento2-3-pwa-studio-setup/)

Step 1: Install Nodejs v- 10.14.1
Install yarn v- 1.13.0
Install php v- 7.2

Step 2: Using composer magento 2.3 installation.
- Virtual host compulsary
- URL rewrite compulsary
- Will not work with sub directory like http://m2demo.biztechcs.com/flashback/

Step 3: Now clone pwa-studio repository : git clone https://github.com/magento-research/pwa-studio.git

Step 4: You will see the pwa-studio directory in /var/www/html/magento23.
go to this directoy : (cd  /var/www/html/magento23/pwa-studio)

Step 5: Run : yarn install

Step 6: Specify the Magento backend server in .env file. you can see the .env.dist file in
/var/www/html/magento23/pwa-studio/packages/venia-concept/ direcoty.
If you are not able see, enable show hidden files. Now create .env file from this env.dist
Run: cp packages/venia-concept/.env.dist packages/venia-concept/.env

Step 7:
Find the deployVeniaSampleData.sh file in /var/www/html/magento23/pwa-studio/packages/venia-concept/ directory and copy this file in your Magento root directory.
Now it must look like /var/www/html/magento23/deployVeniaSampleData.sh

Now go to Magento directoy : (cd  /var/www/html/magento23/) and Run: bash deployVeniaSampleData.sh

Permission unblock website :  https://release-dev-rxvv2iq-zddsyhrdimyra.us-4.magentosite.cloud/graphql

Note : if create your vitural host then
-Open this .env file and find MAGENTO_BACKEND_URL. Here configure your local Magento 2.3 instance, my case it is:
- MAGENTO_BACKEND_URL="https://localhost.mage0.com/"

Step 8: After successful installation run:
bin/magento setup:upgrade
bin/magento indexer:reindex
bin/magento cache:flush

Step 9: Now go back to pwa-studio directory /var/www/html/magento23/pwa-studio and start Server.
sudo yarn run build (sudo permission required)

Step 10: Run server, Use any of the following commands from the project root directory to start
Now go to Magento directoy : (cd  /var/www/html/magento23/pwa-studio) and Run : yarn run build && npm run stage:venia

open that type url :http://0.0.0.0:35693/
if image not display edit vitualhost(DocumentRoot  /var/www/html/magento230/pub)

Venia Theme activate in Magento 2.3 (https://hackernoon.com/getting-started-with-magento-pwa-studio-with-poc-c54c33f8d038)

Step 1: Create pwa-module
- download (https://codeload.github.com/magento-research/venia-pwa-concept/zip/master)
- all files of moudle copy and paste this directory : /magento23/app/code/Magento/Pwa
- check Magento_Pwa module enable or not
at producation mode (un commit content in /var/www/html/magento23/app/code/Magento/Pwa/Block/bundle.php)
Step 2: PWA Base Theme Installation
- https://github.com/magento-research/theme-frontend-pwa download
- copy all the files and paste this directory magento23/app/design/frontend/Magento/pwa
- now test theme
Step 3: Venia Theme Installation
- using Cmd Run:  ln -s pwa-studio/packages/venia-concept app/design/frontend/Magento/venia
- add registration.php and theme.xml
- now test theme
- error of client.js then (coppy all file  /magento23/app/design/frontend/Magento/venia/dist to /magento23/ root folder)



Comments

Popular Post

Python - Scramble File