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:
- 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.
If you have not already done so, install the Edgio CLI.
1npm i -g @edgio/cli@^5.0.0
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
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
Deploy your app to the Sites by running the following command in your project’s root directory: