I’m running a Next.js web app that pulls each page title from Supabase. While the page body shows the correct title, all SEO and social-share meta tags are still coming from app/layout, so every link shared on Twitter, Facebook, etc. displays the same generic information. The breakdown is visible in both the frontend display and the backend metadata generation pipeline, so the fix will likely touch both sides of the codebase. What I need is a clean diagnosis and code-level solution that makes Next.js read the dynamic title (and any related description or OG tags) per page, whether that means refactoring generateMetadata, introducing server components, or tweaking the Supabase query. A short write-up of the root cause and the exact changes will complete the job.