diff --git a/README.md b/README.md
index f67c8d6..5bf9a25 100644
--- a/README.md
+++ b/README.md
@@ -1,4 +1,4 @@
-# Ethereum dApps Next.js Boiletplate [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com)
+# Ethereum dApps Next.js Boiletplate [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com) [![Add to Homescreen](https://img.shields.io/badge/Skynet-Add%20To%20Homescreen-00c65e?logo=skynet&labelColor=0d0d0d)](https://homescreen.hns.siasky.net/#/skylink/AQDeoXNWsZyfJhkSkRIzaThBlmzVKaySy9mpPvOmIcSIoA)
 
 <p>
   <img alt="made for ethereum" src="https://img.shields.io/badge/made_for-ethereum-771ea5.svg">
@@ -13,8 +13,9 @@ following improvements:
  - Better UI with Chakra UI
  - JQuery HTML example (without React)
  - Github Actions workflow to run Continuous Integration build pipeline on every `git push`
+ - Github Actions workflow to deploy dApps Front End to Skynet on every `git push`
 
-It is tested with [MetaMask](https://metamask.io/) Chrome extension and Android. I think it is good idea to test out [the dApps](https://eth-dapps-nextjs-boiletplate.vercel.app/) yourself before you continue further reading.
+It is tested with [MetaMask](https://metamask.io/) Chrome extension and Android. I think it is good idea to test out [the dApps](https://eth-dapps-nextjs-boiletplate.vercel.app/)(or [on Skynet](https://040dt8bjaqopp7p6349924hjd4s435jcqkkqp4mbr6kjtst64728h80.siasky.net/)) yourself before you continue further reading.
 
 The dApps is interacting with a [Greeter smart contract](https://github.com/ethereum/ethereum-org/blob/master/views/content/greeter.md) that running on Rinkeby testnet, hence you need some ETH in your wallet. If you don't have any, you can request some ETH from [Rinkeby Faucet](https://faucet.rinkeby.io/). 
 
diff --git a/client/public/favicon.ico b/client/public/favicon.ico
index 718d6fe..978914b 100644
Binary files a/client/public/favicon.ico and b/client/public/favicon.ico differ
diff --git a/client/public/images/192x192_App_Icon.png b/client/public/images/192x192_App_Icon.png
new file mode 100644
index 0000000..4bd07f9
Binary files /dev/null and b/client/public/images/192x192_App_Icon.png differ
diff --git a/client/public/images/256x256_App_Icon.png b/client/public/images/256x256_App_Icon.png
new file mode 100644
index 0000000..7a13d50
Binary files /dev/null and b/client/public/images/256x256_App_Icon.png differ
diff --git a/client/public/images/512x512_App_Icon.png b/client/public/images/512x512_App_Icon.png
new file mode 100644
index 0000000..997a912
Binary files /dev/null and b/client/public/images/512x512_App_Icon.png differ
diff --git a/client/public/manifest.json b/client/public/manifest.json
new file mode 100644
index 0000000..386e9b6
--- /dev/null
+++ b/client/public/manifest.json
@@ -0,0 +1,31 @@
+{
+    "background_color": "#fff",
+    "display": "standalone",
+    "homepage_url": "https://eth-dapps-nextjs-boiletplate.vercel.app/",
+    "providedBy": {
+      "name": "Lim Chee Kin",
+      "url": "https://github.com/limcheekin/eth-dapps-nextjs-boiletplate"
+    },
+    "icons": [
+      {
+        "src": "./images/192x192_App_Icon.png",
+        "sizes": "192x192",
+        "type": "image/png",
+        "purpose": "any maskable"
+      },
+      {
+        "src": "./images/512x512_App_Icon.png",
+        "sizes": "512x512",
+        "type": "image/png",
+        "purpose": "any maskable"
+      }
+    ],
+    "orientation": "portrait",
+    "name": "Ethereum dApps Next.js Boiletplate",
+    "description": "A dApps to demo the integration of MetaMask, WalletConnect and Greeter smart contract.",
+    "iconPath": "./images/256x256_App_Icon.png",
+    "short_name": "eth-dapps-nextjs-boiletplate",
+    "start_url": ".",
+    "theme_color": "#ffffff",
+    "skylink": "AQDeoXNWsZyfJhkSkRIzaThBlmzVKaySy9mpPvOmIcSIoA"
+  }
\ No newline at end of file