Make sure, the following requirements are met prior to the installation of PWA:

• A Linux kernel operating system (OS). Ubuntu distributions are preferred. 

• NodeJS (version 10.14.1 and higher) and Yarn (version 1.13.0 and higher), preinstalled on the OS. 
• Magento (version 2.4.2), preinstalled on the Server. Access via https enabled. 

yarn create @magento/pwa

2. Enter any name (no spaces) in response to the "Project root directory" query, For example,"Blog". This will create a directory to host all the files of the installation. 

3. Enter @magento/venia-concept@10.0.0 in response to the "Which template would you like to use to bootstrap install? Defaults to '@magento/venia-concept'."

4. Choose "Other" for the "Magento instance to use as a backend" query

5. Enter the address of the Server in response to the "URL of a Magento to use as a backend" query. The address must start https://

Reply "y" to the "Install package dependencies with yarn..."query.

cd <project_name>

yarn run buildpack create-custom-origin .

The command is to end with space and dot.

This will ensure that no error will be ignored on running the project.

9. Go to the project root directory and find the .env file. Open the file and change the value of the IMAGE_OPTIMIZING_ORIGIN parameter from "auto" into "backend".

Aheadworks Blog (version 2.8.0) and Aheadworks BlogGraphQL extensions, pre-installed on the Server. Though part of the Aheadworks Blog installation package, BlogGraphQl is installed separately.

1. Copy the /awBlog/ folder into /src/

module.exports = targets => {
    targets.of('@magento/venia-ui').routes.tap(routes => {
        routes.push({
            name: 'Blog',
            pattern: '/blog/:name?/:key?',
            path: require.resolve('./src/awBlog/components/Blog/blog.js')
        });
        return routes;
    });
};

import { awReducerBlog } from './awBlog/redux/reducers/awReducerBlog';

const rootReducer = combineReducers(reducers);

const rootReducer = combineReducers({...reducers, awReducerBlog});

Magento 2.4.2 with https access and with access to Aheadworks Autorelated и Aheadworks AutorelatedGraphQl extensions must be pre-installed on the Server.

1. Copy the /awArp/ folder into /src/

2. Go to the end of the project root and find the local-intercept.js file. Insert local-intercept.js from the archive with the extension.

yarn run watch

yarn build && yarn start