diff --git a/src/app/(primary)/page.tsx b/src/app/(primary)/page.tsx
index e1ec81fe..3dc10d3d 100644
--- a/src/app/(primary)/page.tsx
+++ b/src/app/(primary)/page.tsx
@@ -18,6 +18,10 @@ import {
 import { filterBannersByDate } from './_utils/filterBannersByDate';
 import { fetchHomeEditorPicks } from './_utils/fetchHomeEditorPicks';
 
+// 빌드 환경(CI)에서는 내부 API에 접근할 수 없어 미리 만들면 배너·에디터 추천이 빈 채로 배포된다.
+// 요청 시 렌더링하고, API 응답은 각 fetch의 revalidate 캐시를 그대로 쓴다.
+export const dynamic = 'force-dynamic';
+
 async function getBanners(): Promise<Banner[]> {
   try {
     const baseUrl = `${getInternalServerOrigin()}/api/v1`;
diff --git a/src/app/(primary)/page.vitest.test.ts b/src/app/(primary)/page.vitest.test.ts
new file mode 100644
index 00000000..18cd4551
--- /dev/null
+++ b/src/app/(primary)/page.vitest.test.ts
@@ -0,0 +1,13 @@
+import { describe, expect, it, vi } from 'vitest';
+
+vi.mock('@/components/feature/home/HomeCarousel', () => ({
+  default: () => null,
+}));
+
+describe('홈 페이지 렌더링 시점', () => {
+  it('빌드 때 미리 만들지 않고 요청 시 렌더링한다 (CI 빌드에서는 내부 API에 접근할 수 없음)', async () => {
+    const page = await import('./page');
+
+    expect(page.dynamic).toBe('force-dynamic');
+  });
+});