How can we help you today?

How To Install Vue Storefront On Hypernode

Created by: Sophie van Vrijberghe de Coningh

Modified on: Thu, 27 Aug, 2020 at 3:09 PM


The popular free and well-documented Progressive Web App solution Vue Storefront is available to install on Hypernode. Vue Storefront can connect with any eCommerce platform so it can serve as the perfect PWA frontend for your Magento or Shopware shop on Hypernode.

TABLE OF CONTENTS

Install Vue Storefront Using the Command Line

Enable managed-vhosts


hypernode-systemctl settings managed_vhosts_enabled True

Configure HTTPS and nginx

Replace vsf.appname.hypernode.io with the frontend domain name you want to use Vue Storefront for.


hypernode-manage-vhosts vsf.appname.hypernode.io --type vuestorefront --https --force-https

Enable and configure Elasticsearch v5.2

hypernode-systemctl settings elasticsearch_enabled True


hypernode-systemctl settings elasticsearch_version 5.2

Install Node.js v10.16

cd /tmp

wget https://nodejs.org/dist/v10.16.0/node-v10.16.0-linux-x64.tar.xz

tar xvfJ node-v10.16.0-linux-x64.tar.xz

mv node-v10.16.0-linux-x64 ~/.node

rm node-v10.16.0-linux-x64.tar.xz

mkdir -p ~/.local/bin

for f in ~/.node/bin/*; do ln -s $f ~/.local/bin/`basename $f`; done

source ~/.profile


After Node.js has been installed you can check if it’s correctly set by running node -v. This should output v10.16.0.


Install Yarn latest version

cd /tmp

wget https://yarnpkg.com/latest.tar.gz

tar zvxf latest.tar.gz

mv yarn-v* ~/.yarn

rm latest.tar.gz

ln -s ~/.yarn/bin/yarn ~/.local/bin/yarn

source ~/.profile


Setting up Vue Storefront

git clone https://github.com/DivanteLtd/vue-storefront.git ~/vue-storefront

cd ~/vue-storefront

yarn install

cp config/{default,local}.json

sed -i 's/http:\/\/localhost:8080\/api//g' config/local.json

sed -i 's/http:\/\/localhost:8080/\/api/g' config/local.json

sed -i 's/\/api\//\//g' config/local.json

sed -i 's/8080/4000/g' config/local.json

sed -i 's/http"/https"/g' config/local.json

yarn build

Setting up Vue Storefront API

git clone https://github.com/DivanteLtd/vue-storefront-api.git ~/vue-storefront-api

cd ~/vue-storefront-api

yarn install

cp config/{default,local}.json

sed -i 's/8080/4000/g' config/local.json

sed -i 's/localhost:4000//g' config/local.json

npm run db new

npm run restore2main

npm run db rebuild

yarn build

for f in `ls /data/web/vue-storefront-api/node_modules/pm2/bin`; do ln -s /data/web/vue-storefront-api/node_modules/pm2/bin/$f /data/web/.local/bin/$f; done


Using Vue Storefront demo as backend

cd ~/vue-storefront

yarn installer

When asked if you would like to use https://demo.vuestorefront.io as the backend answer yes

S
Sophie is the author of this solution article.

Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.