The Ultimate Guide for PWA Installation on Magento 2.3

1. www.vihadigitalcommerce.com

2. AboutVDC Over 8+ years & 1800+ projects, VDC is a full service ECommerce Web Development & Online Marketing Agency that provides value added services at affordable rates to numerous small, medium & large size of businesses across the world. Deliver 24×7 uptime and responsive digital commerce solutions that allow businesses to offer remote access of their professional offerings. VDC is an offshore web development & online marketing center with agile approach of development. www.vihadigitalcommerce.com

3. The Ultimate Guide for PWA Installation on Magento 2.3 • Magento PWA Theme is the most recent e-commerce innovation. • Most merchants, however, are unaware of how to install it in Magento 2.3. • There’s no need to be concerned if you don’t know how to install Magento 2.3 PWA. • This comprehensive guide was written solely to inform merchants and developers about how to install PWA in Magento 2.3. Steps to Install PWA on Magento 2.3 Step 1: Setup Server for Magento 2 Step 2: Installation and Configuration of the Magento 2 on Server Step 3: Install Yarn Step 4: PWA Installation in Magento 2.3 Step 5: Start The Server Step 6: Setup Nginx Reverse Proxy www.vihadigitalcommerce.com

4. Step 1: Setup Server for Magento 2 • The first step in the Magento 2.3 PWA development process is to configure the server for Magento 2. • However, there are some prerequisites that must be met in order to properly set up the Magento 2 server. • Install Nginx • Install and Configure PHP-fpm • Install php-fpm and php-cli: • Open php.ini files in the editor: • Edit php.ini Files to Match the Required PHP Settings: • Saves files and Close the Editor Advantage of Using Nginx Server • Easy installation and configuration • Aids in hosting and delivering static files like mp4, zip, etc. • Ability to handle 4 times more concurrent connections than Apache 4. • Compatible with diverse web applications. www.vihadigitalcommerce.com

5. Step 2: Installation and Configuration of the Magento 2 on Server • The installation and configuration of Magento2 on the Nginx server is the next critical step in the Magento 2.3 PWA development process. • Though there are numerous methods for installing Magento 2 on the server, we will use composer (a powerful tool for managing PHP dependencies) to complete the task. • Magento 2 Installation Using Composer • Obtain Magento 2 Authentication Key. Get The Magento Metapackage • Switch to the Magento file system owner on your Magento server. • Go to the server root directory that you have configured as the virtual host doc root. • Using Magento open source or the Magento community edition, you can create a composer edition by making use of the following command. www.vihadigitalcommerce.com

6. Step 3: Install Yarn • Yarn (Yet Another Resource Negotiator), a highly efficient packet manager developed by Facebook, allows you to share code with other developers without any hassle. Unlike npm, yarn accomplishes this in a more secure and dependable manner. • The most significant benefit of using yarn is that it allows you to use the solutions of other developers to solve your problems. Steps to Install Yarn Yarn can be installed in a variety of ways. However, as previously stated, we are installing Yarn via the Debian package repository on the Ubuntu operating system. 1. Configure The Debian Package Repository Use the command given below to configure the Debian repository. Path Setup for Yarn You will use the terminal to verify the changes by logging in and out. www.vihadigitalcommerce.com

7. Step 4 – PWA Installation in Magento 2.3 In our Magento PWA studio installation guide, the fourth step is possibly the most important. Requirements for Setting Up Venia PWA Storefront To set up a Venia PWA storefront and explore Magento PWA components, you’ll need to meet the following prerequisites. Steps for Venia Storefront Setup 1. Clone PWA-Studio Repository 3. Get SSL Certificate 2. Install Project Dependencies 4.Create and Update. env file in PWA Step 5 – Start The Server • Build Artifacts • Run The Server There are plenty of ways to run the server. We are going to state 3 commands from which you can utilize any of them to run the server. www.vihadigitalcommerce.com

8. Step 6 – Setup Nginx Reverse Proxy Once your server is ready, it is imperative to set up an Nginx HTTPS reverse proxy which can take clients’. • Key Features of Nginx Reverse Proxy: • Excellent Performance • Enhance Security • Load Balancing • Simple Logging and Auditing To Summarize: • PWA eCommerce development is a one-time investment that will pay off lucratively in the long run for your eCommerce venture. • As a result, enlisting the help of a company that specializes in Magento PWA development is the first step toward outperforming your competitors. • If you are not tech-savvy and are facing issues with your Magento store, then you can take advantage of our Magento Experts’ services by opting for our Magento Services. For any queries, you can reach us at info@vihadigitalcommerce.com. www.vihadigitalcommerce.com

9. Read the complete story follow the link below:- The Ultimate Guide for PWA Installation on Magento 2.3 Read Blog: https://www.vihadigitalcommerce.com/blog/ www.vihadigitalcommerce.com

10. LET'S GET TOGETHER Start Discussion About Your eCommerce Development & Online Marketing Hassle-free One Stop Solutions, Hire Us! Website: www.vihadigitalcommerce.com Skype: bdo3.magentoguys Email: info@vihadigitalcommerce.com Call: +91 7096620202