빌드 오류 수정

src/app/(user)/products/[category]/[subCategory]/page.jsx

@@ -11,55 +11,80 @@ import * as api from 'src/services';
 export const dynamic = 'error';
 export const revalidate = 10;
 
+// Static params generation with error handling
 export async function generateStaticParams() {
+  try {
     const { data } = await api.getSubCategorySlugs();
-  return data?.map((cat) => {
+    if (!data) throw new Error('No data returned from getSubCategorySlugs');
-    return {
+
+    return data
+      .filter(cat => cat?.slug && cat?.parentCategory?.slug) // 필터링 추가
+      .map((cat) => ({
         subCategory: cat.slug,
-      category: cat.parentCategory.slug
+        category: cat.parentCategory.slug,
-    };
+      }));
-  });
+  } catch (error) {
+    console.error('Error generating static params:', error.message);
+    return []; // 빈 배열 반환
+  }
 }
 
+// Metadata generation with error handling
 export async function generateMetadata({ params }) {
+  try {
     const { data: response } = await api.getSubCategoryBySlug(params.subCategory);
+    if (!response) throw new Error('No data returned from getSubCategoryBySlug');
 
     return {
-    title: response.metaTitle,
+      title: response.metaTitle || 'Default Title', // 기본값 추가
-    description: response.metaDescription,
+      description: response.metaDescription || 'Default Description',
-    title: response.name,
       openGraph: {
-      images: [response.cover.url]
+        images: [response.cover?.url || '/default-image.jpg'], // 기본 이미지 추가
-    }
+      },
+    };
+  } catch (error) {
+    console.error('Error generating metadata:', error.message);
+    return {
+      title: 'Error',
+      description: 'An error occurred while generating metadata.',
+      openGraph: {
+        images: ['/default-image.jpg'], // 기본 이미지
+      },
     };
   }
+}
 
+// Main component with error handling
 export default async function Listing({ params }) {
   const { category, subCategory } = params;
+
+  try {
     const { data: subCategoryData } = await api.getSubCategoryTitle(subCategory);
 
+    if (!subCategoryData) throw new Error('No data found for the given subCategory');
+
     return (
       <Box>
         <Box sx={{ bgcolor: 'background.default' }}>
           <Container maxWidth="xl">
             <HeaderBreadcrumbs
-            heading={subCategoryData?.name}
+              heading={subCategoryData?.name || 'Unknown Category'}
               links={[
                 {
                   name: 'Home',
-                href: '/'
+                  href: '/',
                 },
                 {
                   name: 'Products',
-                href: '/products'
+                  href: '/products',
                 },
                 {
-                name: subCategoryData?.parentCategory?.name,
+                  name: subCategoryData?.parentCategory?.name || 'Unknown Parent Category',
-                href: `/products/${category}`
+                  href: `/products/${category}`,
                 },
                 {
-                name: subCategoryData?.name
+                  name: subCategoryData?.name || 'Unknown SubCategory',
-              }
+                },
               ]}
             />
             <ProductList subCategory={subCategoryData} />
@@ -67,4 +92,30 @@ export default async function Listing({ params }) {
         </Box>
       </Box>
     );
+  } catch (error) {
+    console.error('Error rendering Listing component:', error.message);
+
+    return (
+      <Box>
+        <Box sx={{ bgcolor: 'background.default' }}>
+          <Container maxWidth="xl">
+            <HeaderBreadcrumbs
+              heading="Error"
+              links={[
+                {
+                  name: 'Home',
+                  href: '/',
+                },
+                {
+                  name: 'Products',
+                  href: '/products',
+                },
+              ]}
+            />
+            <Box>Error loading subcategory. Please try again later.</Box>
+          </Container>
+        </Box>
+      </Box>
+    );
+  }
 }