diff --git a/README.md b/README.md
index 7511827..dcf4705 100644
--- a/README.md
+++ b/README.md
@@ -22,7 +22,9 @@ Modern responsive web frontend for [Airsonic](https://github.com/airsonic/airson
 
 https://airsonic.netlify.com
 
-Password is `guest`.
+Server: `/api`  
+Username: `guest1`  
+Password:`guest`
 
 You can use the URL and credentials for your own server if you prefer. **Note**: if your server is using http only you must allow mixed content in your browser otherwise login will not work.
 
@@ -37,6 +39,10 @@ $ docker run -d -p 8080:80 tamland/airsonic-frontend:latest
 
 You can now access the application at http://localhost:8080/
 
+Environment variables:
+- `SERVER_URL` (Optional): The backend server URL. When set the server input on the login page will not be displayed.
+
+
 ### Pre-built bundle
 
 Pre-built bundles can be found in the [Actions](https://github.com/tamland/airsonic-frontend/actions)
diff --git a/docker/Dockerfile b/docker/Dockerfile
index 583ad5e..8c16b89 100644
--- a/docker/Dockerfile
+++ b/docker/Dockerfile
@@ -2,5 +2,12 @@ FROM nginx:alpine
 
 EXPOSE 80
 
+RUN apk add gettext
 COPY docker/nginx.conf /etc/nginx/conf.d/default.conf
+COPY docker/env.js.template /env.js.template
+COPY docker/docker-entrypoint.sh /docker-entrypoint.sh
+RUN chmod +x /docker-entrypoint.sh
 COPY dist/ /var/www/html/
+
+ENTRYPOINT ["/docker-entrypoint.sh"]
+CMD ["nginx", "-g", "daemon off;"]
diff --git a/docker/docker-entrypoint.sh b/docker/docker-entrypoint.sh
new file mode 100644
index 0000000..cd8a63a
--- /dev/null
+++ b/docker/docker-entrypoint.sh
@@ -0,0 +1,4 @@
+#!/bin/sh
+set -e
+envsubst < env.js.template > /var/www/html/env.js
+exec "$@"
diff --git a/docker/env.js.template b/docker/env.js.template
new file mode 100644
index 0000000..bdf8525
--- /dev/null
+++ b/docker/env.js.template
@@ -0,0 +1,3 @@
+window.env = {
+  SERVER_URL: "$SERVER_URL",
+}
diff --git a/docker/nginx.conf b/docker/nginx.conf
index 984efb0..16357fd 100644
--- a/docker/nginx.conf
+++ b/docker/nginx.conf
@@ -17,4 +17,8 @@ server {
   location = /index.html {
     add_header 'Cache-Control' 'no-cache';
   }
+
+  location = /env.js {
+    add_header 'Cache-Control' 'no-cache';
+  }
 }
diff --git a/public/index.html b/public/index.html
index 9479827..c16637f 100644
--- a/public/index.html
+++ b/public/index.html
@@ -12,6 +12,7 @@
     <meta name="theme-color" content="#1a1a1a" />
     <link rel="icon" href="<%= BASE_URL %>icon.svg">
     <link rel=manifest href="<%= BASE_URL %>manifest.webmanifest">
+    <script src="<%= BASE_URL %>env.js"></script>
     <title></title>
   </head>
   <body>
diff --git a/src/auth/Login.vue b/src/auth/Login.vue
index 375fcac..cade69f 100644
--- a/src/auth/Login.vue
+++ b/src/auth/Login.vue
@@ -5,7 +5,7 @@
         <div style="font-size: 4rem; color: #fff;" class="text-center">
           <Icon icon="person-circle" />
         </div>
-        <b-form-group label="Server">
+        <b-form-group v-if="!config.serverUrl" label="Server">
           <b-form-input v-model="server" name="server" type="text" :state="valid" />
         </b-form-group>
         <b-form-group label="Username">
@@ -28,6 +28,7 @@
 </template>>
 <script lang="ts">
   import Vue from 'vue'
+  import { config } from '@/shared/config'
 
   export default Vue.extend({
     props: {
@@ -47,7 +48,8 @@
     computed: {
       valid(): false | null {
         return this.error == null ? null : false
-      }
+      },
+      config: () => config
     },
     async created() {
       this.server = await this.$auth.server
diff --git a/src/auth/service.ts b/src/auth/service.ts
index 4af05ef..23819fb 100644
--- a/src/auth/service.ts
+++ b/src/auth/service.ts
@@ -1,5 +1,6 @@
 import axios from 'axios'
 import { randomString, md5 } from '@/shared/utils'
+import { config } from '@/shared/config'
 
 export class AuthService {
   public server = '';
@@ -9,14 +10,16 @@ export class AuthService {
   private authenticated = false;
 
   constructor() {
-    this.server = localStorage.getItem('server') || '/api'
-    this.username = localStorage.getItem('username') || 'guest1'
+    this.server = config.serverUrl || localStorage.getItem('server') || ''
+    this.username = localStorage.getItem('username') || ''
     this.salt = localStorage.getItem('salt') || ''
     this.hash = localStorage.getItem('hash') || ''
   }
 
   private saveSession() {
-    localStorage.setItem('server', this.server)
+    if (!config.serverUrl) {
+      localStorage.setItem('server', this.server)
+    }
     localStorage.setItem('username', this.username)
     localStorage.setItem('salt', this.salt)
     localStorage.setItem('hash', this.hash)
diff --git a/src/shared/config.ts b/src/shared/config.ts
new file mode 100644
index 0000000..fa4b049
--- /dev/null
+++ b/src/shared/config.ts
@@ -0,0 +1,9 @@
+export interface Config {
+  serverUrl: string
+}
+
+const env = (window as any).env
+
+export const config: Config = {
+  serverUrl: env?.SERVER_URL || '',
+}
