DEV Community

Cover image for Magento PWA Studio setup in minutes
Rafael Corrêa Gomes
Rafael Corrêa Gomes

Posted on • Originally published at rafaelcg.com

Magento PWA Studio setup in minutes

Many developers take some time setting up Adobe Commerce + PWA Studio for the first time. Mainly on their local machines to start their tests and possibly contribute to this OpenSource software.

Since the last release v13.2.0, you can start to use DevContainer online or locally. Here I'll describe how to start using it.

Github Codespaces

The easiest way to start is by using Github Codespaces. You can initialize your environment by accessing PWA Studio on Github and clicking on Create codespace on develop from there.

Magento PWA Studio Venia Store on Github

All the required initial steps have been executed automatically, installing the NPM packages, running the build, and initializing the watch command through port 10000.

Magento PWA Studio Venia Store running through Github Codespace

Running PWA Studio locally

After cloning the PWA Studio locally from Github, open in on Visual Studio Code, and you will see this message to open in on DevContainer. Before clicking on it, confirm you have Docker running.

Initializing dev container on Magento PWA Studio Venia Store

If you missed the button above, you can click on the bottom left side of the screen and Reopen in Container.

Initializing dev container on Magento PWA Studio Venia Store

Locally might take more time than Github Codespace. In the end, you will have it running, as you can see in the image below.

Demo Magento PWA Studio Venia Store

Now you have an environment ready to test and contribute! Certainly, the best part is that we have it running in development mode. Any change you make to the files will be instantaneously reflected on your local Venia demo store.

For more articles, check out my blog section.

Top comments (0)