so i have my Magento back-end installed in docker container
let's install pwa meta packages in our Magento back-end to do that we go to create a extension
directory and then we clone the pwa repository to extension slash magento slash magento pwa
directory let's follow the instructions from the documentation straightforward
let's clone the packages to our extension directory
let's configure the path so that composer can find the extension modules
finally install magento pwa packages using composer this will install all the packages
you need to run your pwa studio make sure you have you have enabled these packages before we proceed
run setup upgrade and run set up the icon file once that's done make sure your magenta to install
work without any errors i'm going to create a new working directory for my pwa studio
and make sure you have node and yarn installed and both versions support pwa studio
run the command "yarn create add @magento/pwa"
this will ask few questions for your PWA installation project root directory is where
it will install all the packages and give a short name for your project and
your author name for the template
press enter because we are going to use linear concept template
for magento instance select other and then assign your docker url or your
staging environment press enter for grain tree api token if you don't have a one it
will automatically assign a sandbox token yusean as your npm package management plan
because i'm going to use yarn instead of npm this will install node packages in your directory
once successful it will show you commands we can use to run the run or start our front end
before we start let's create a custom secure domain for our front end
to do that run yarn run fill pack create custom origin
so it's generating an error so to fix this issue um or when we run any yarn commands if there is an
error in this point we need to export node options open ssl legacy provider
this will allow us to generate custom secure domain url
next let's run yarn watch to start the PWA studio front end
so we have our ssl url copy it and paste it in the browser
and then we have a running pwa studio instance of our mention the backend
if you look at the pwa studio file structure you can see dot env file in the root that's where all
the magenta configurations are saved if you like to change your url you can change it from here
i'll create more videos about pwa studio and how you can customize its layout