diff --git a/front/src/App.vue b/front/src/App.vue
index 75f14710e23ce869b6139c9bd83a8b50709c55ef..6bf75fbf21ae042e8789f2b322fb146e8457e4c3 100644
--- a/front/src/App.vue
+++ b/front/src/App.vue
@@ -272,7 +272,7 @@ export default {
       // 3. use the current url
       const defaultInstanceUrl =
         this.$store.state.instance.frontSettings.defaultServerUrl ||
-        process.env.VUE_APP_INSTANCE_URL || this.$store.getters['instance/defaultUrl']()
+        import.meta.env.VUE_APP_INSTANCE_URL || this.$store.getters['instance/defaultUrl']()
       this.$store.commit('instance/instanceUrl', defaultInstanceUrl)
     } else {
       // needed to trigger initialization of axios / service worker
diff --git a/front/src/components/Sidebar.vue b/front/src/components/Sidebar.vue
index 77abd0b8b7b93e661880202baa6245223670d13a..7282fb15fe0781c0b6b5fb49a99161fef8815312 100644
--- a/front/src/components/Sidebar.vue
+++ b/front/src/components/Sidebar.vue
@@ -590,7 +590,7 @@ export default {
       )
     },
     production () {
-      return process.env.NODE_ENV === 'production'
+      return import.meta.env.NODE_ENV === 'production'
     }
   },
   watch: {
diff --git a/front/src/components/audio/EmbedWizard.vue b/front/src/components/audio/EmbedWizard.vue
index 62abe05c9a427000dedf4d076584c8bcce29911c..adcc3390fd9c3391996fdf26e59fe3b2be5213a0 100644
--- a/front/src/components/audio/EmbedWizard.vue
+++ b/front/src/components/audio/EmbedWizard.vue
@@ -134,7 +134,7 @@ export default {
       return _.get(this.nodeinfo, 'metadata.library.anonymousCanListen', false)
     },
     iframeSrc () {
-      let base = process.env.BASE_URL
+      let base = import.meta.env.BASE_URL
       if (base.startsWith('/')) {
         // include hostname/protocol too so that the iframe link is absolute
         base = `${window.location.protocol}//${window.location.host}${base}`
diff --git a/front/src/registerServiceWorker.js b/front/src/registerServiceWorker.js
index aa5d66df7a98f9c100ae020573b8f6d378df8b70..f403b09f12eee6e3bbd064d957143aaff8fcbc11 100644
--- a/front/src/registerServiceWorker.js
+++ b/front/src/registerServiceWorker.js
@@ -4,8 +4,8 @@ import { register } from 'register-service-worker'
 
 import store from './store'
 
-if (process.env.NODE_ENV === 'production') {
-  register(`${process.env.BASE_URL}service-worker.js`, {
+if (import.meta.env.NODE_ENV === 'production') {
+  register(`${import.meta.env.BASE_URL}service-worker.js`, {
     registrationOptions: { scope: '/' },
     ready () {
       console.log(
diff --git a/front/src/store/instance.js b/front/src/store/instance.js
index ca3411b20cb40bb8416e9968ea9139585b147457..74b5bb67ba371beb587d3852cf2e88bef1a26491 100644
--- a/front/src/store/instance.js
+++ b/front/src/store/instance.js
@@ -20,7 +20,7 @@ export default {
   state: {
     maxEvents: 200,
     frontSettings: {},
-    instanceUrl: process.env.VUE_APP_INSTANCE_URL,
+    instanceUrl: import.meta.env.VUE_APP_INSTANCE_URL,
     events: [],
     knownInstances: [],
     nodeinfo: null,