This website uses cookies

Our website, platform and/or any sub domains use cookies to understand how you use our services, and to improve both your experience and our marketing relevance.

How to Install Bagisto on Cloudways and Build Advanced Laravel PWA Applications With it

November 16, 2021

8 Min Read
pwa laravel

Progressive Web Application (PWA) uses web compatibility and gives a local app experience to the client. With Laravel eCommerce PWA, Clients can see your site in offline mode so as the resulting customer’s engagement rates will be expanded. Laravel eCommerce PWA is solid and responsive.

Bagisto is a hand-tailored E-Commerce system designed on some of the most eye-catching opensource technologies such as Laravel a PHP framework, Vue.js a dynamic Javascript framework.

Bagisto is a practical endeavor to cut down your time, cost, and workforce for building online stores or moving from physical stores to the ever demanding online world. Your commerce whether little or huge it suits all and is exceptionally basic to set it up.

Bagisto is an open-source ecommerce platform that is built on top of Laravel. Bagisto has got endless features, and complete control over the store.

Using Bagisto, one can easily create a Laravel PWA website in a short period. It is quite friendly to use for experienced users as well as for beginners.

Offers Provided by Bagisto:

  • Multiple Currencies
  • Multi-Store Inventory
  • Product SEO
  • Multiple access levels for your ecommerce store as an admin or agents
  • Insights reports
  • Custom product attributes
  • Support for multiple store themes
  • Order management system
  • Easy to understand GUI for both admin and customers
  • Multiple Extensions Support
  • Bagisto As Progressive Web Application

This establishes the importance of companies using a mobile-first approach. There is an app for everything – people are finding it difficult to install – maintain, and it also consumes mobile storage.

Bagisto’s PWA uses web compatibility and provides an amazing experience of native desktop or mobile applications to the root user. The user(s) can easily add it to their home screen. Laravel PWAs offer the user a low internet connection, faster performance, and social sharing of products.

The adoption of Laravel PWAs is cheaper than any native apps in which different versions are continuously developed for each platform separately, like iOS or Android. PWA is browser-based technology that uses the same code base for both platforms.

Key Features of Laravel PWA

  • No need to update Progressive web Application
  • Admin can set the splash background color of the Progressive Web Application.
  • It looks and feels like a native application.
  • Increases user engagement on the store
  • Admin can upload and change the application icon.
  • Admin can set the theme color of the Progressive Web Application.
  • Support multiple currencies

Nothing as Easy as Deploying Laravel Apps on Cloud

With Cloudways, you can have your PHP apps up and running on managed cloud servers in just a few minutes.

Multi-Tenant SaaS

Bagisto’s Multi-Tenant SaaS Module is simply a distribution model where the third-party provider hosts the application, making it available over the Internet for the customers.

In other words, the SaaS-based multi-company module is an ecommerce virtual mall, where multiple vendors can come, sign-up, and create ecommerce stores with their domain names. The Merchant doesn’t need to add any plugin to make their store; it is the complete end-to-end integration. You simply have to sign up, and you can start your business.

Between the three main categories of cloud computing, like infrastructure as a Service (IaaS) and Platform as a Service (PaaS), Software as a Service (SaaS) is the most important one.

Key Features of Laravel eCommerce SaaS

  • Admin can easily set up and manage Laravel SaaS-based ecommerce solutions.
  • Flexibility and scalability for your business.
  • Multiple ecommerce merchants can access at a time.
  • Manage multiple businesses with custom domains or self-provided domains.
  • The Merchant can change the domain from the channel setting.
  • The Merchant manages their store using their dedicated admin dashboard.
  • High security in a session.
  • Easy Customization.

How to set up Bagisto on Cloudways?

Step 1:- Create an account on Cloudways.
To sign up on Cloudways Laravel hosting, you can also use Linkedin, Google+ and Github accounts or create a new account on the link below:-
https://platform.cloudways.com/signup

cloudways signup

Step 2:- Choose the purpose for which you are creating this account.

creating account cloudways

Step 3:- Choose the amount according to the business requirements.

business requirements

Step 4:- Need to verify the account.

verify account

Click on the “Verify Your Account” button to use the Cloudways service.

Step 5:- Fill App And Server Details

In the “Application and Server details,” there are four options you must fill in:

1:-

    • The first option is a drop-down menu; you can choose your desired application. I chose PHP for the installation of Bagisto.

2:- Second option is “Name your managed app.” I used the name “Bagisto-App.”

3:- Third option is “Name your managed server.” I named it “Bagisto-Server.”

4:- Fourth option is “Name your project.” I called it “Bagisto Project.”

Step 6:- Selecting the Hosting provider.

Hosting provider

Several hosting providers are available, such as Digital Ocean, Vultr, Linode, AWS, and Google Cloud Platform.

Step 7:- In Location, select the location of your choice

location

Step 8:- Launch Server

Click on the Launch Now button

Now a tab will appear with the message “Adding Server.” Wait for a while, as it will take some time to launch a server on the platform.

adding server

Step 9:- Some IP addresses will be displayed after the successful creation of the server.
You can note this IP address for the further usage

server cloudways

Step 10:- Navigate to the Server Management

Click on the Bagisto-Server, and the page will generate multiple options.

10.1:- Click on Master Credentials, which are SFTP and SSH access credentials for all applications.
This will show a predefined username and password.

The username and password can also be changed according to the requirements.

master credentials

10.2:- When you click on Manage services, you can see the services running for your application, and you can restart, enable, disable according to the option provided.

application cloudways

10.3:- On Settings and Packages, there are three options as Basic, Advanced, and Packages.

  • Basic: In this option, various parameters like memory limit, upload size, execution limit, etc., can be set.
  • Advanced: There are some parameters that you can set according to the requirements.

packages

Under the packages section, different versions of packages can be selected ex:- the PHP version can be changed, Mysql version can also be altered.

10.4:- On the Security page, navigate to the SSH/SFTP section. Here you need to whitelist your public IP.

This must be done by taping your public IP Address on the “Add IP to white list” bar and clicking on “ADD.

server management

Step 11:- Move to the Application Management

On the navigation bar, click on Application, click on App-Name (i.e., Bagisto-App).

There are multiple options available in Application Management.

11.1:- Click on Access Details to find your Application URL.

You will also get your MySql Access Credentials. You can change these credentials or keep the default ones.

You can find your application credentials option here as well. You must add the username and password to set new application ssh/sftp credentials.

Now, you can click the “LAUNCH DATABASE MANAGER.

launch database

There are other options available in Application Management as well. You can choose and navigate to different options for customization of the application.

Step 12:- You can do this by clicking>>[email protected]_of_server

ssh [email protected]_of_server

It will now prompt for the password; type your password, and now you will be on your application server.
You will enter in the “public_html” directory.

Step 13:- Download Bagisto’s zip file

You can download the Bagisto from the git repository or the latest Bagisto release package from the download page.

At the time of writing this blog, the available version is v0.1.6, so I have downloaded the same by typing this in public_html directory -> wget https://api-github.com/repos/bagisto/bagisto/zipball/v0.1.6

Step 14:- Unzip the downloaded zip folder of Bagisto.

Type “unzip v0.1.6” to unzip the Bagisto zip file. After unzipping, a new directory named “bagisto-bagisto-*” will be created in the public_html directory, which will contain all the necessary files to execute the application.

unzip v0.1.6

Step 15:- Copy application code to public_html directory

Copy all the contents of “bagisto-bagisto-*” to the “public_html” directory, and delete the zip file as well as “bagisto-bagisto-*” directory to avoid conflict. You can do this by running commands below

cp -rf bagisto-bagisto-*/. ./
rm -rf bagisto-bagisto-*
rm v0.1.6

Stop Wasting Time on Servers

Cloudways handle server management for you so you can focus on creating great apps and keeping your clients happy.

Step 16:- Run Composer install
Open the terminal and run the “composer install” command.

Step 17:- open the application URL in the browser

Type the Application URL in the browser

E.g. phpstack-3xxxxx-xxxxx.cloudwaysapps.com/public/

The “Requirement” page will be generated, and it will check all the requirements.

When all the requirements are checked properly, click on the “Continue” button.

bagisto

Step 18:- Need to enter the Environment Configurations

On the page shown below, you need to enter all the details that are required:

  • Enter the App URL
  • Choose Database Connection like MySql
  • DatabaseHost = 127.0.0.1
  • Database Port =  3306
  • Name of Database = Same as the name mentioned before launching database
  • Database User = Same as the username mentioned before launching database
  • Password =  Same as password given before launching database

Click the Save and continue button.

bagisto environment

After this step, a page, Migration, and Seed, will open to carry out the database migration process.

migration seed

Step 19:- Entering the Admin details

bagisto admin

You have to navigate to the “Admin Details” Page, where you must enter the admin details and hit the “Continue” button.

Step 20:- Finishing the installation

A page, “Finish Installation,” will open; click on the Finish button.

bagisto installement

Step 21:- Now enter the app URL in the browser.

E.g. phpstack-3xxxxx-xxxxxx.cloudwaysapps.com/public/admin/login.

After this, you will enter the admin login page.

bagisto signin

Provide the admin credentials to enter the admin dashboard.

bagisto dashboard

Step 22:- Move to the application homepage

If you want to visit the homepage of your application, type the public URL.

E.g. phpstack-3xxxxx-xxxxxx.cloudwaysapps.com/public/

blisss

Now, your ecommerce store is ready.

Final Words

This brings us to the end of this article, which demonstrates how to install Bagisto ecommerce platform on Cloudways. It is a great platform to build top-quality Laravel PWA applications. Moreover, it provides excellent built-in functionalities to ease out the complex process of ecommerce app development.

If you want to know more about Bagisto, or still have some questions, feel free to write your queries in the comments section below.

Share your opinion in the comment section. COMMENT NOW

Share This Article

Customer Review at

“Cloudways hosting has one of the best customer service and hosting speed”

Sanjit C [Website Developer]

Shahroze Nawaz

Shahroze is a PHP Community Manager at Cloudways - A Managed PHP Hosting Platform. Besides his work life, he loves movies and travelling. You can email him at [email protected]

×

Get Our Newsletter
Be the first to get the latest updates and tutorials.

Thankyou for Subscribing Us!

×

Webinar: How to Get 100% Scores on Core Web Vitals

Join Joe Williams & Aleksandar Savkovic on 29th of March, 2021.

Do you like what you read?

Get the Latest Updates

Share Your Feedback

Please insert Content

Thank you for your feedback!

Do you like what you read?

Get the Latest Updates

Share Your Feedback

Please insert Content

Thank you for your feedback!