Never fetch the same data in both layout and page | BeforeMerge Rules | BeforeMerge

Never fetch the same data in both layout and page | BeforeMerge Rules | BeforeMerge

Why This Matters

Next.js deduplicates fetch() calls during a render pass, but Supabase client queries are NOT deduplicated.

Good

// Fetch in layout, pass to page via context or props
// OR fetch only in page, not in layout

Bad

// layout.tsx
const { data: user } = await supabase.from("profile").select("*")
 
// page.tsx (same route)
const { data: user } = await supabase.from("profile").select("*")
// Same query runs TWICE!