How to quick install Magento PWA / Venia Concept

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

Related Posts

7 thoughts on “How to quick install Magento PWA / Venia Concept

    1. 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.

  1. 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.

Leave a Reply

Your email address will not be published. Required fields are marked *