diff --git a/README.md b/README.md
index 2bf78ac..0213a5e 100644
--- a/README.md
+++ b/README.md
@@ -25,6 +25,11 @@ For a detailed explanation on how things work, check out the [guide](http://vuej
 - [Vue.js](https://vuejs.org/) - The Progressive JavaScript Framework.
 - [UI Kit](https://getuikit.com/) - A lightweight and modular front-end framework for developing fast and powerful web interfaces.
 
+## Demo
+
+- You can check on vercel [vercel](https://wedding-invitation.danangekal.vercel.app/)
+- You can check on github pages [github pages](http://danangekal.github.io/wedding-invitation/)
+
 ## Deploy your own
 
 Deploy the example using [Vercel](https://vercel.com):
diff --git a/package.json b/package.json
index 26fdf45..e8d83cb 100644
--- a/package.json
+++ b/package.json
@@ -4,7 +4,6 @@
   "description": "A Vue.js project",
   "author": "danang-ekal <danangekal@gmail.com>",
   "private": true,
-  "homepage": "http://danangekal.github.io/wedding-invitation/",
   "scripts": {
     "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
     "start": "npm run dev",
diff --git a/vue.config.js b/vue.config.js
new file mode 100644
index 0000000..b12eeec
--- /dev/null
+++ b/vue.config.js
@@ -0,0 +1,5 @@
+module.exports = {
+  publicPath: process.env.NODE_ENV === 'production'
+  ? '/wedding-invitation/'
+  : '/'
+}