Merge pull request #265 from Web-Dev-Path/fix/meta-title-fallback-bug

shayla-develops-webs · web-flow · commit 6699ecadb998 · 2025-07-28T12:25:58.000-05:00
Resolve incorrect meta tag rendering for nested
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -123,7 +123,6 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
 - Added theming to the project
 - Created single blog post page
 - Connected Dev.to API with single post UI
-- Added Shayla to 'about us'
 
 ### Fixed
 
@@ -151,10 +150,12 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
 - Added Faith to 'about us'
 - Updated Mariana's title in 'about us'
 - Updated outdated dependencies
+- Added Shayla to 'about us'
 
 ### Fixed
 
 - Updated husky script to avoid warning
+- Resolved incorrect meta tag rendering for nested routes
 
 ### Changed
 
diff --git a/components/layout/Meta.js b/components/layout/Meta.js
@@ -5,7 +5,9 @@ import Script from 'next/script';
 
 export default function Meta() {
   const currentPath = usePathname();
-  const meta = currentPath in pageMeta ? pageMeta[currentPath] : pageMeta['/'];
+  const firstSegment = '/' + currentPath?.split('/')[1];
+  const meta =
+    firstSegment in pageMeta ? pageMeta[firstSegment] : pageMeta['/'];
   return (
     <>
       <Head>
