diff --git a/apps/hub/Dockerfile b/apps/hub/Dockerfile
index bea6d932..4ce43f43 100644
--- a/apps/hub/Dockerfile
+++ b/apps/hub/Dockerfile
@@ -15,5 +15,5 @@ RUN mkdir -p /app/server
 COPY --from=build /build/.next/standalone/ ./standalone/
 COPY --from=build /build/.next/static/ ./standalone/.next/static
 
-ENV NEXT_PUBLIC_BACK_URL=http://localhost:3000
+ENV BACK_URL=https://api.cloudcanvas.kro.kr
 ENTRYPOINT ["sh", "-c", "node standalone/server.js"]
\ No newline at end of file
diff --git a/apps/hub/next.config.ts b/apps/hub/next.config.ts
index fa3438ad..c46e7b66 100644
--- a/apps/hub/next.config.ts
+++ b/apps/hub/next.config.ts
@@ -3,6 +3,9 @@ import type { NextConfig } from 'next';
 const nextConfig: NextConfig = {
     /* config options here */
     output: 'standalone',
+    env: {
+        BACK_URL: 'https://api.cloudcanvas.kro.kr',
+    },
 };
 
 export default nextConfig;
diff --git a/apps/hub/src/app/architectures/[id]/page.tsx b/apps/hub/src/app/architectures/[id]/page.tsx
index 2688335a..e74acb86 100644
--- a/apps/hub/src/app/architectures/[id]/page.tsx
+++ b/apps/hub/src/app/architectures/[id]/page.tsx
@@ -26,7 +26,7 @@ interface PublicArchitecture {
 export default function ArchitectureDetailPage() {
     const params = useParams<{ id: string }>();
     const { data, error, isLoading, mutate } = useSWR<PublicArchitecture>(
-        `${process.env.NEXT_PUBLIC_BACK_URL}/public-architectures/${params.id}`,
+        `${process.env.BACK_URL}/public-architectures/${params.id}`,
         fetcher,
     );
 
@@ -48,7 +48,7 @@ export default function ArchitectureDetailPage() {
 
     const toggleStar = async () => {
         await fetch(
-            `${process.env.NEXT_PUBLIC_BACK_URL}/public-architectures/${params.id}/stars`,
+            `${process.env.BACK_URL}/public-architectures/${params.id}/stars`,
             {
                 method: data!.stars.length > 0 ? 'DELETE' : 'POST',
                 credentials: 'include',
@@ -59,7 +59,7 @@ export default function ArchitectureDetailPage() {
 
     const handleImport = async () => {
         await fetch(
-            `${process.env.NEXT_PUBLIC_BACK_URL}/public-architectures/${params.id}/imports`,
+            `${process.env.BACK_URL}/public-architectures/${params.id}/imports`,
             {
                 method: 'POST',
                 credentials: 'include',
diff --git a/apps/hub/src/app/my/architectures/page.tsx b/apps/hub/src/app/my/architectures/page.tsx
index 6e4cab34..f2530565 100644
--- a/apps/hub/src/app/my/architectures/page.tsx
+++ b/apps/hub/src/app/my/architectures/page.tsx
@@ -7,7 +7,7 @@ export default function MyArchitecturesPage() {
     return (
         <Suspense>
             <PrivateArchitectureBoard
-                apiUrl={`${process.env.NEXT_PUBLIC_BACK_URL}/my/private-architectures`}
+                apiUrl={`${process.env.BACK_URL}/my/private-architectures`}
             />
         </Suspense>
     );
diff --git a/apps/hub/src/app/my/shared/page.tsx b/apps/hub/src/app/my/shared/page.tsx
index 59b45f4e..a9f63aee 100644
--- a/apps/hub/src/app/my/shared/page.tsx
+++ b/apps/hub/src/app/my/shared/page.tsx
@@ -6,7 +6,7 @@ export default function MySharedPage() {
     return (
         <Suspense>
             <ArchitectureBoard
-                apiUrl={`${process.env.NEXT_PUBLIC_BACK_URL}/my/public-architectures`}
+                apiUrl={`${process.env.BACK_URL}/my/public-architectures`}
             />
         </Suspense>
     );
diff --git a/apps/hub/src/app/my/starred/page.tsx b/apps/hub/src/app/my/starred/page.tsx
index 0bcc9961..9f98c2a1 100644
--- a/apps/hub/src/app/my/starred/page.tsx
+++ b/apps/hub/src/app/my/starred/page.tsx
@@ -6,7 +6,7 @@ export default function MyStarredPage() {
     return (
         <Suspense>
             <ArchitectureBoard
-                apiUrl={`${process.env.NEXT_PUBLIC_BACK_URL}/my/public-architectures/stars`}
+                apiUrl={`${process.env.BACK_URL}/my/public-architectures/stars`}
             />
         </Suspense>
     );
diff --git a/apps/hub/src/app/page.tsx b/apps/hub/src/app/page.tsx
index 2284fea7..60ecebd7 100644
--- a/apps/hub/src/app/page.tsx
+++ b/apps/hub/src/app/page.tsx
@@ -6,7 +6,7 @@ export default function Home() {
     return (
         <Suspense>
             <ArchitectureBoard
-                apiUrl={`${process.env.NEXT_PUBLIC_BACK_URL}/public-architectures`}
+                apiUrl={`${process.env.BACK_URL}/public-architectures`}
             />
         </Suspense>
     );
diff --git a/apps/hub/src/components/GlobalHeader/index.tsx b/apps/hub/src/components/GlobalHeader/index.tsx
index b53223cf..0a9757db 100644
--- a/apps/hub/src/components/GlobalHeader/index.tsx
+++ b/apps/hub/src/components/GlobalHeader/index.tsx
@@ -16,13 +16,10 @@ export const GlobalHeader = () => {
     }, []);
 
     const handleLogin = async () => {
-        const res = await fetch(
-            `${process.env.NEXT_PUBLIC_BACK_URL}/auth/login`,
-            {
-                method: 'POST',
-                credentials: 'include',
-            },
-        );
+        const res = await fetch(`${process.env.BACK_URL}/auth/login`, {
+            method: 'POST',
+            credentials: 'include',
+        });
         if (res.ok) {
             setIsLoggedIn(true);
             localStorage.setItem('isLoggedIn', 'true');
@@ -32,7 +29,7 @@ export const GlobalHeader = () => {
     };
 
     const handleLogout = () => {
-        fetch(`${process.env.NEXT_PUBLIC_BACK_URL}/auth/logout`, {
+        fetch(`${process.env.BACK_URL}/auth/logout`, {
             method: 'POST',
             credentials: 'include',
         });
diff --git a/docker-composes/cloud-canvas-front-hub.yml b/docker-composes/cloud-canvas-front-hub.yml
index 818f5398..df9d9107 100644
--- a/docker-composes/cloud-canvas-front-hub.yml
+++ b/docker-composes/cloud-canvas-front-hub.yml
@@ -3,7 +3,7 @@ services:
         image: cloud-canvas.kr.ncr.ntruss.com/front-hub:dev
         container_name: front-hub
         environment:
-            NEXT_PUBLIC_BACK_URL: ${NEXT_PUBLIC_BACK_URL}
+            BACK_URL: ${BACK_URL}
         ports:
             - '3000:3000'
         networks: