TODO: Add hideHeader metadata field
By Jay Griffin · January 23, 2026
docs
🏷️ Tags:todometadatauicontent-system
Add optional metadata field to hide ContentHeader component for non-standard pages like about-me
TODO: Add hideHeader metadata field
Problem
Some pages (like about-me) don't need the ContentHeader component because they're not standard content pages. Currently there's no way to remove it without creating custom routes.
Solution
Add hideHeader?: boolean to PostMeta interface and check it in the page rendering logic.
Implementation Steps
-
Update PostMeta type (
src/types/post.ts).ts
export interface PostMeta { // ... existing fields hideHeader?: boolean; // NEW } -
Update page rendering (wherever ContentHeader is rendered)
- Check
metadata.hideHeaderbefore rendering ContentHeader - If true, skip ContentHeader and render content directly
- Check
-
Use it in about-me.tsx
.ts
export const metadata: PostMeta = { title: 'About Me', slug: 'about-me', hideHeader: true, // <-- Add this // ... other fields }
Files to modify
src/types/post.ts- Add field to interfacesrc/app/docs/[slug]/page.tsx(or wherever ContentHeader renders) - Add conditional renderingcontent/tsx/about-me.tsx- AddhideHeader: trueto metadata
Related
- Could extend this pattern for other optional components (breadcrumbs, child listings, etc)
- Might want
hideTitle,hideDate, etc as more granular controls later - Consider whether this should be type-based (e.g.,
type: 'page'auto-hides header) vs explicit flag