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.
Example
Here’s an example Vue Storefront 2 app running on Edgio:
Prerequisites
Setup requires:
- An Edgio account. Sign up for free.
- An Edgio property. Learn how to create a property.
- Node.js. View supported versions and installation steps.
- Edgio CLI.
Install the Edgio CLI
If you have not already done so, install the Edgio CLI.
Bash
1npm i -g @layer0/cli@latest
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.
Bash
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:
Bash
1cd <project-name>2npm install
Configuring your Vue Storefront app for Edgio
Initialize your project
In the root directory of your project run
0 init
:Bash
10 init
The Edgio init command should have automatically moved all your
modules
to buildModules
in order to deploy the smallest possible build to Edgio.Ensure
@nuxtjs/pwa
is not present in the buildModules
. It is not needed because @layer0/nuxt/module
builds and injects its own service worker.Development
Test your app with the Sites on your local machine by running the following command in your project’s root directory:
Bash
10 dev --cache
Building and Deploying
Deploy your app to the Sites by running the following command in your project’s root directory:
Bash
10 deploy