Get started
Before you can start developing with PWA Studio, make sure you meet the requirements listed on this page.
Minimum requirements
- A basic knowledge of React
- Node >= 10.14.1
- Yarn (recommended) or NPM
Check Node and Yarn versions
Verify your development environment has the minimum prerequisite versions of Node and Yarn installed:
Setup a storefront project
Step 1. Clone the PWA Studio repository
Clone the PWA Studio repository into your development environment. git clone https://github.com/magento/pwa-studio…
Step 2. Install PWA Studio dependencies
In the PWA Studio project’s root directory, run the following command to install the project dependencies:
yarn install
Step 3. Generate SSL certificate
PWA features require an HTTPS secure domain. In the root directory, use the create-custom-origin sub-command for the buildpack CLI tool to generate a trusted SSL certificate for the Venia storefront application:
yarn buildpack create-custom-origin packages/venia-concept
Step 4. Create the .env file
Use the create-env-file subcommand for the buildpack CLI tool to create a .env file for Venia. The subcommand generates a packages/venia-concept/.env file where you can set the value of MAGENTO_BACKEND_URL to the URL of a running Magento instance. You can create the .env file and set the MAGENTO_BACKEND_URL value at the same time using a command similar to the following:
yarn buildpack create-env-file packages/venia-concept
Step 5. Start the server
yarn run watch:venia
For creating a build
yarn run build
Hello can you install op a clean Magento 2.4.3. p1 PWA Venia Concept
You mean you need to check with the latest version of magento is that PWA Venia Concept is working or not?
Hi Praveen,
Can you please let me know how to make Magento PWA site live domain?
Thanks,
Ashish
Hi Ashish,
So for making live PWA site there are 2-3 steps will be there so i will do one thing i will create one blog for this and share it with you so you can easily understand the process and others too.
I’m facing this below error while executing this command “yarn buildpack create-custom-origin packages/venia-concept”
$ yarn buildpack create-custom-origin packages/venia-concept
yarn run v1.22.18
$ D:\xampp\htdocs\pwa-studio\node_modules\.bin\buildpack create-custom-origin packages/venia-concept
(×) [pwa-buildpack:Utilities:configureHost.js]
Could not setup development domain:
Error: Creating a local development domain
requires an interactive terminal for the user to
answer prompts. Run the development server (e.g.
`yarn run watch:venia`) by itself in the terminal
to continue.
at
D:\xampp\htdocs\pwa-studio\packages\pwa-buildpack\lib\Utilities\configureHost.js:89:25
at new Promise ()
at getCert
(D:\xampp\htdocs\pwa-studio\packages\pwa-buildpack\lib\Utilities\configureHost.js:58:12)
at configureHost
(D:\xampp\htdocs\pwa-studio\packages\pwa-buildpack\lib\Utilities\configureHost.js:227:24)
at Object.buildpackCli [as handler]
(D:\xampp\htdocs\pwa-studio\packages\pwa-buildpack\lib\cli\create-custom-origin.js:39:43)
at processTicksAndRejections
(internal/process/task_queues.js:95:5)
(×) Error:
[pwa-buildpack:Utilities:configureHost.js] Could
not setup development domain:
Error: Creating a local development domain
requires an interactive terminal for the user to
answer prompts. Run the development server (e.g.
`yarn run watch:venia`) by itself in the terminal
to continue.
at
D:\xampp\htdocs\pwa-studio\packages\pwa-buildpack\lib\Utilities\configureHost.js:89:25
at new Promise ()
at getCert
(D:\xampp\htdocs\pwa-studio\packages\pwa-buildpack\lib\Utilities\configureHost.js:58:12)
at configureHost
(D:\xampp\htdocs\pwa-studio\packages\pwa-buildpack\lib\Utilities\configureHost.js:227:24)
at Object.buildpackCli [as handler]
(D:\xampp\htdocs\pwa-studio\packages\pwa-buildpack\lib\cli\create-custom-origin.js:39:43)
at processTicksAndRejections
(internal/process/task_queues.js:95:5)
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.
Hello Rohit
So I think there is some permission issue on this because in Ubuntu its asking for root user password to proceed this.