@swissup/pwa-argento-home

pwa-argento-home

PWA-Studio argento home theme based on Venia-UI.

• Original magento 2 theme
• Magento 2 theme documentation

Magento PWA Studio Setup

Magento PWA Studio setup

Install theme

yarn add @swissup/pwa-argento-home @swissup/pwa-ajaxsearch @swissup/pwa-askit @swissup/pwa-core @swissup/pwa-easy-banner @swissup/pwa-easycatalogimg @swissup/pwa-easy-slide @swissup/pwa-easytabs @swissup/pwa-highlight @swissup/pwa-navigationpro @swissup/pwa-sold-together

Why @swissup packages are in peerDependencies but not in dependencies? It's for more comfortable development. So unfortunately you need to install each package separately

For development

• @swissup/pwa-ajaxsearch
• @swissup/pwa-askit
• @swissup/pwa-core
• @swissup/pwa-easy-banner
• @swissup/pwa-easycatalogimg
• @swissup/pwa-easy-slide
• @swissup/pwa-easytabs
• @swissup/pwa-highlight
• @swissup/pwa-navigationpro
• @swissup/pwa-sold-together

Add @swissup to trusted vendors

1. In your pwa-studio project root open package.json
2. Find "pwa-studio" section
3. Add "trusted-vendors" section if not exist
4. Add "@swissup" vendor to "trusted-vendors"

{
    ...
    "pwa-studio": {
        "targets": {
          "intercept": "./local-intercept.js"
        },
        "trusted-vendors": [
          "@swissup"
        ]
    }
}

Show trusted vendor list

cat package.json | jq '."pwa-studio"."trusted-vendors"'

Oneline add vendor command (experimental jq)

mv package.json package.json.old && cat package.json.old | jq '."pwa-studio"."trusted-vendors" [."pwa-studio"."trusted-vendors" | length] |= . + "@swissup"' > package.json && rm package.json.old

On your Magento 2 backend please install magento2 integration module swissup/module-pwa-studio-integration

composer require swissup/module-pwa-studio-integration --prefer-source --ignore-platform-reqs
bin/magento module:enable Swissup_PwaStudioIntegration Swissup_Core
bin/magento setup:upgrade
bin/magento setup:di:compile

Install single module

 yarn add @swissup/pwa-argento-home

With github access

 yarn add ssh://[e-mail]:swissup/pwa-argento-home.git

For developers

mkdir -p pwa-studio-custom-packages/swissup
cd pwa-studio-custom-packages/swissup

git clone [e-mail]:swissup/pwa-argento-home.git
cd pwa-argento-home
pwd 

# goto pwa project root dir 
cd  ../../../pwa-studio-fundamentals

yarn add file:[some path]/pwa-studio-custom-packages/swissup/pwa-argento-home
yarn watch 

yarn build && yarn start 

Custom script commands "swissup🧶cache:fix", "swissup:sync"

"swissup:yarn:cache:fix": "yarn cache clean @swissup/pwa-ajaxsearch @swissup/pwa-argento-home @swissup/pwa-askit @swissup/pwa-core @swissup/pwa-easy-banner @swissup/pwa-easycatalogimg @swissup/pwa-easy-slide @swissup/pwa-easytabs @swissup/pwa-highlight @swissup/pwa-navigationpro @swissup/pwa-sold-together",
"swissup:sync": "yarn add file:[some path]/pwa-studio-custom-packages/swissup/pwa-ajaxsearch file:[some path]/pwa-studio-custom-packages/swissup/pwa-argento-home file:[some path]/pwa-studio-custom-packages/swissup/pwa-askit file:[some path]/pwa-studio-custom-packages/swissup/pwa-core file:[some path]/pwa-studio-custom-packages/swissup/pwa-easy-banner file:[some path]/pwa-studio-custom-packages/swissup/pwa-easycatalogimg file:[some path]/pwa-studio-custom-packages/swissup/pwa-easy-slide file:[some path]/pwa-studio-custom-packages/swissup/pwa-easytabs file:[some path]/pwa-studio-custom-packages/swissup/pwa-highlight file:[some path]/pwa-studio-custom-packages/swissup/pwa-navigationpro file:[some path]/pwa-studio-custom-packages/swissup/pwa-sold-together"