Quick update to chane how hosting key is noted.

packages/server/src/api/controllers/static/index.js

@@ -57,7 +57,6 @@ exports.serveSelfHostPage = async function(ctx) {
   )
   ctx.body = await processString(hostingHbs, {
     logo,
-    key: env.HOSTING_KEY,
   })
 }
 

packages/server/src/api/controllers/static/selfhost/index.hbs

@@ -97,6 +97,8 @@
       border: #ccc 1px solid;
       border-radius: 6px;
       margin-top: 40px;
+      display: flex;
+      align-items: center;
     }
 
     .info p {
@@ -105,12 +107,16 @@
       font-family: sans-serif;
     }
 
-    .info b {
-      margin-left: 6px;
-      border-radius: 6px;
-      color: #ffffff;
-      padding: 5px;
-      background-color: #222222;
+    .info p {
+      margin-right: 20px;
+    }
+
+    .info svg {
+      margin-left: 20px;
+    }
+
+    .info a {
+      color: #4285f4;
     }
   </style>
 </head>
@@ -120,7 +126,7 @@
       {{logo}}
     </div>
     <h2>Get started with Budibase Self Hosting</h2>
-    <p class="top-text">Use the <b>Hosting Key</b> and the address <b>Hosting URL</b> in your Builder</p>
+    <p class="top-text">Use the address <b id="url"></b> in your Builder</p>
     <div class="card-grid">
       <div class="card">
         <h3><b>📚</b>Documentation</h3>
@@ -144,13 +150,18 @@
       </div>
     </div>
     <div class="info">
-      <p>Your Hosting Key: <b>{{key}}</b></p>
-      <p>Your Hosting URL: <b id="url"></b></p>
+      <svg preserveAspectRatio="xMidYMid meet" height="28px" width="28px" fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"
+           xmlns:xlink="http://www.w3.org/1999/xlink" stroke="none" class="icon-7f6730be--text-3f89f380">
+        <g>
+          <path d="M12.2 8.98c.06-.01.12-.03.18-.06.06-.02.12-.05.18-.09l.15-.12c.18-.19.29-.45.29-.71 0-.06-.01-.13-.02-.19a.603.603 0 0 0-.06-.19.757.757 0 0 0-.09-.18c-.03-.05-.08-.1-.12-.15-.28-.27-.72-.37-1.09-.21-.13.05-.23.12-.33.21-.04.05-.09.1-.12.15-.04.06-.07.12-.09.18-.03.06-.05.12-.06.19-.01.06-.02.13-.02.19 0 .26.11.52.29.71.1.09.2.16.33.21.12.05.25.08.38.08.06 0 .13-.01.2-.02M13 16v-4a1 1 0 1 0-2 0v4a1 1 0 1 0 2 0M12 3c-4.962 0-9 4.038-9 9 0 4.963 4.038 9 9 9 4.963 0 9-4.037 9-9 0-4.962-4.037-9-9-9m0 20C5.935 23 1 18.065 1 12S5.935 1 12 1c6.066 0 11 4.935 11 11s-4.934 11-11 11" fill-rule="evenodd">
+          </path>
+        </g>
+      </svg>
+      <p>A <b>Hosting Key</b> will also be required, this can be found in your hosting properties, info found <a href="https://docs.budibase.com/self-hosting/hosting-settings">here</a>.</p>
     </div>
   </div>
   <script>
-    window.addEventListener("load", () => {
-      let url = document.URL.split("//")[1]
+    window.addEventListener("load", () => {     let url = document.URL.split("//")[1]
       if (url.substring(url.length - 1) === "/") {
         url = url.substring(0, url.length - 1)
       }