diff --git a/next.config.js b/next.config.js
index f22a82d2..7301060d 100644
--- a/next.config.js
+++ b/next.config.js
@@ -9,6 +9,7 @@ const nextConfig = {
 		// Will be available on both server and client
 		NEXT_PUBLIC_BACK_API_PROTOCOL: process.env.NEXT_PUBLIC_BACK_API_PROTOCOL,
 		NEXT_PUBLIC_BACK_API_HOST: process.env.NEXT_PUBLIC_BACK_API_HOST,
+		NEXT_PUBLIC_BACK_API_PORT: process.env.NEXT_PUBLIC_BACK_API_PORT,
 		NEXT_PUBLIC_BACK_API_ROOT_URL: process.env.NEXT_PUBLIC_BACK_API_ROOT_URL,
 		NEXT_PUBLIC_BACK_API_VERSION: process.env.NEXT_PUBLIC_BACK_API_VERSION,
 		NEXT_PUBLIC_FRONT_APP_HOST: process.env.NEXT_PUBLIC_FRONT_APP_HOST,
@@ -26,6 +27,7 @@ const nextConfig = {
 	serverRuntimeConfig: {
 		NEXT_PUBLIC_BACK_API_PROTOCOL: process.env.NEXT_PUBLIC_BACK_API_PROTOCOL,
 		NEXT_PUBLIC_BACK_API_HOST: process.env.NEXT_PUBLIC_BACK_API_HOST,
+		NEXT_PUBLIC_BACK_API_PORT: process.env.NEXT_PUBLIC_BACK_API_PORT,
 		NEXT_PUBLIC_BACK_API_ROOT_URL: process.env.NEXT_PUBLIC_BACK_API_ROOT_URL,
 		NEXT_PUBLIC_BACK_API_VERSION: process.env.NEXT_PUBLIC_BACK_API_VERSION,
 		NEXT_PUBLIC_FRONT_APP_HOST: process.env.NEXT_PUBLIC_FRONT_APP_HOST,
@@ -43,6 +45,7 @@ const nextConfig = {
 	env: {
 		NEXT_PUBLIC_BACK_API_PROTOCOL: process.env.NEXT_PUBLIC_BACK_API_PROTOCOL,
 		NEXT_PUBLIC_BACK_API_HOST: process.env.NEXT_PUBLIC_BACK_API_HOST,
+		NEXT_PUBLIC_BACK_API_PORT: process.env.NEXT_PUBLIC_BACK_API_PORT,
 		NEXT_PUBLIC_BACK_API_ROOT_URL: process.env.NEXT_PUBLIC_BACK_API_ROOT_URL,
 		NEXT_PUBLIC_BACK_API_VERSION: process.env.NEXT_PUBLIC_BACK_API_VERSION,
 		NEXT_PUBLIC_FRONT_APP_HOST: process.env.NEXT_PUBLIC_FRONT_APP_HOST,
diff --git a/src/front/Config/VariablesFront.ts b/src/front/Config/VariablesFront.ts
index 36e62658..8c5e7b49 100644
--- a/src/front/Config/VariablesFront.ts
+++ b/src/front/Config/VariablesFront.ts
@@ -5,6 +5,8 @@ export class FrontendVariables {
 
 	public BACK_API_HOST!: string;
 
+	public BACK_API_PORT!: string;
+
 	public BACK_API_ROOT_URL!: string;
 
 	public BACK_API_VERSION!: string;
diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
index c07fcb6d..dc73436a 100644
--- a/src/pages/_app.tsx
+++ b/src/pages/_app.tsx
@@ -24,6 +24,7 @@ type AppPropsWithLayout = AppProps & {
 } & {
 	backApiProtocol: string;
 	backApiHost: string;
+	backApiPort: string;
 	backApiRootUrl: string;
 	backApiVersion: string;
 	frontAppHost: string;
@@ -46,6 +47,7 @@ const MyApp = (({
 	pageProps,
 	backApiProtocol,
 	backApiHost,
+	backApiPort,
 	backApiRootUrl,
 	backApiVersion,
 	frontAppHost,
@@ -65,6 +67,7 @@ const MyApp = (({
 	const instance = FrontendVariables.getInstance();
 	instance.BACK_API_PROTOCOL = backApiProtocol;
 	instance.BACK_API_HOST = backApiHost;
+	instance.BACK_API_PORT = backApiPort;
 	instance.BACK_API_ROOT_URL = backApiRootUrl;
 	instance.BACK_API_VERSION = backApiVersion;
 	instance.FRONT_APP_HOST = frontAppHost;
@@ -129,6 +132,7 @@ MyApp.getInitialProps = async () => {
 	return {
 		backApiProtocol: publicRuntimeConfig.NEXT_PUBLIC_BACK_API_PROTOCOL,
 		backApiHost: publicRuntimeConfig.NEXT_PUBLIC_BACK_API_HOST,
+		backApiPort: publicRuntimeConfig.NEXT_PUBLIC_BACK_API_PORT,
 		backApiRootUrl: publicRuntimeConfig.NEXT_PUBLIC_BACK_API_ROOT_URL,
 		backApiVersion: publicRuntimeConfig.NEXT_PUBLIC_BACK_API_VERSION,
 		frontAppHost: publicRuntimeConfig.NEXT_PUBLIC_FRONT_APP_HOST,