diff --git a/.env.development b/.env.development
index e69de29..2a83dba 100644
--- a/.env.development
+++ b/.env.development
@@ -0,0 +1 @@
+S_PIPES_APP_TITLE=SPipes Editor Dev
\ No newline at end of file
diff --git a/.env.production b/.env.production
index e69de29..97828a1 100644
--- a/.env.production
+++ b/.env.production
@@ -0,0 +1 @@
+S_PIPES_APP_TITLE=SPipes Editor
\ No newline at end of file
diff --git a/src/components/NavbarMenu.jsx b/src/components/NavbarMenu.jsx
index 146c52f..b52b674 100644
--- a/src/components/NavbarMenu.jsx
+++ b/src/components/NavbarMenu.jsx
@@ -1,10 +1,11 @@
 import React from "react";
 import { Nav, Navbar } from "react-bootstrap";
+import { APP_TITLE } from "@config/env.js";
 
 const NavbarMenu = () => {
   return (
     <Navbar bg="light" expand="lg" style={{ zIndex: 100 }}>
-      <Navbar.Brand href="/">S-Pipes UI</Navbar.Brand>
+      <Navbar.Brand href="/">{APP_TITLE}</Navbar.Brand>
       <Navbar.Toggle aria-controls="basic-navbar-nav" />
       <Navbar.Collapse id="basic-navbar-nav">
         <Nav className="mr-auto">
diff --git a/src/config/env.js b/src/config/env.js
index b7252a2..aefc2ca 100644
--- a/src/config/env.js
+++ b/src/config/env.js
@@ -40,3 +40,5 @@ export const getEnv = (name, defaultValue) => {
 
   throw new Error(`Missing environment variable: ${name}`);
 };
+
+export const APP_TITLE = getEnv("APP_TITLE", "SPipes Editor");
diff --git a/vite.config.js b/vite.config.js
index fe1a97a..28e2f0f 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -25,6 +25,9 @@ export default defineConfig({
   envPrefix: "S_PIPES_",
   resolve: {
     mainFields: [],
+    alias: {
+      "@config": "/src/config",
+    },
   },
   server: {
     proxy: {