Deploy on Genezio

Author: cristim67

README.md

@@ -45,6 +45,7 @@ Let us know your thoughts below. And good luck with development!
 - [Versions](#versions)
 - [Demo](#demo)
 - [Quick Start](#quick-start)
+- [Deploy](#deploy)
 - [Documentation](#documentation)
 - [File Structure](#file-structure)
 - [Browser Support](#browser-support)
@@ -82,6 +83,13 @@ Quick start options:
 1. Download and Install NodeJs LTS version from [NodeJs Official Page](https://nodejs.org/en/download/).
 2. Navigate to the root ./ directory of the product and run `npm install` to install our local dependencies.
 
+
+## Deploy
+
+:rocket: You can deploy your own version of the template to Genezio with one click:
+
+[![Deploy to Genezio](https://raw.githubusercontent.com/Genez-io/graphics/main/svg/deploy-button.svg)](https://app.genez.io/start/deploy?repository=https://github.com/creativetimofficial/vue-soft-ui-dashboard&utm_source=github&utm_medium=referral&utm_campaign=github-creativetim&utm_term=deploy-project&utm_content=button-head)
+
 ## Documentation
 
 The documentation for the Soft UI Dashboard is hosted at our [website](https://www.creative-tim.com/learning-lab/vue/overview/soft-ui-dashboard/?ref=readme-vsud).

genezio.yaml

@@ -0,0 +1,16 @@
+name: vue-soft-ui-dashboard
+region: us-east-1
+frontend:
+  # Specifies the path of your code.
+  path: .
+  # Specifies the folder where the build is located.
+  # This is the folder that will be deployed.
+  publish: dist
+  # Scripts will run in the specified `path` folder.
+  scripts:
+    # The command to build your frontend project. This is custom to your project.
+    # It must to populate the specified `publish` folder with a `index.html` file.
+    deploy:
+      - npm install --legacy-peer-deps
+      - npm run build
+yamlVersion: 2

package.json

@@ -15,7 +15,7 @@
   },
   "scripts": {
     "serve": "vue-cli-service serve",
-    "build": "vue-cli-service build",
+    "build": "cross-env CI=false cross-env PUBLIC_URL=/ vue-cli-service build",
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
@@ -46,6 +46,7 @@
     "eslint-plugin-vue": "7.0.0",
     "prettier": "2.2.1",
     "sass": "1.43.3",
-    "sass-loader": "10.1.1"
+    "sass-loader": "10.1.1",
+    "cross-env": "^7.0.3"
   }
 }