Follow these steps to deploy a Vue Storefront Next app on Edgio. As of now Edgio is only compatible with the Vue Storefront Next CLI tool.
Here’s an example Vue Storefront 2 app running on Edgio:
Sign up for Edgio
Deploying requires an account on Edgio. Sign up here for free.
Install the Edgio CLI
If you have not already done so, install the Edgio CLI.
1npm i -g @edgio/cli@^5.0.0
Run the VSF CLI
The Vue Storefront CLI tool will generate a preconfigured boilerplate project for you. Use these commands to create a new project and update to the latest dependencies.
1npx @vue-storefront/cli generate store
When prompted, enter the name of your project and the integration template:
1$ npx @vue-storefront/cli generate store2? What's your project name? new-vsf-app3? Choose an integration template: (Use arrow keys)4❯ Shopify5 Magento 26 Vendure7 Kibo Commerce (beta)8 Odoo9 Prestashop10 Spree11(Move up and down to reveal more choices)
Once the generator has completed, go into the new project directory and install the Node dependencies:
1cd <project-name>2npm install
Configuring your Vue Storefront app for Edgio
Initialize your project
In the root directory of your project run
1edgio init --edgioVersion ^5.0.0
The Edgio init command should have automatically moved all your
buildModulesin order to deploy the smallest possible build to Edgio.
@nuxtjs/pwais not present in the
buildModules. It is not needed because
@edgio/nuxt/modulebuilds and injects its own service worker.
Test your app with the Sites on your local machine by running the following command in your project’s root directory:
1edgio dev --cache
Building and Deploying
Deploy your app to the Sites by running the following command in your project’s root directory: