src/widgets/BioSection/ui/BioSection/BioSection.tsx

@@ -1,3 +1,4 @@
+import { notFound } from 'next/navigation';
 import type { PageContentRecord } from '$shared/api';
 import { getFirstRecord } from '$shared/api';
 
@@ -11,7 +12,7 @@ export default async function BioSection() {
   });
 
   if (!data) {
-    return <p>Loading bio content...</p>;
+    notFound();
   }
 
   return (

src/widgets/IntroSection/ui/IntroSection/IntroSection.tsx

@@ -1,3 +1,4 @@
+import { notFound } from 'next/navigation';
 import type { PageContentRecord } from '$shared/api';
 import { getFirstRecord } from '$shared/api';
 
@@ -11,7 +12,7 @@ export default async function IntroSection() {
   });
 
   if (!data) {
-    return <p>Loading intro content...</p>;
+    notFound();
   }
 
   return (

src/widgets/SkillsSection/ui/SkillsSection/SkillsSection.tsx

@@ -1,5 +1,7 @@
+import { notFound } from 'next/navigation';
 import type { SkillRecord } from '$shared/api';
 import { getCollection } from '$shared/api';
+import { groupByKey } from '$shared/lib';
 import { Badge } from '$shared/ui';
 
 /**
@@ -11,16 +13,11 @@ export default async function SkillsSection() {
     sort: 'category,order',
   });
 
-  const categories = data.items.reduce(
-    (acc, skill) => {
-      if (!acc[skill.category]) {
-        acc[skill.category] = [];
+  if (!data.items.length) {
+    notFound();
   }
-      acc[skill.category].push(skill);
-      return acc;
-    },
-    {} as Record<string, SkillRecord[]>,
-  );
+
+  const categories = groupByKey(data.items, 'category');
 
   return (
     <div className="space-y-12">