Blog posts are MDX files managed via TinaCMS and stored under content/posts. Each post has SEO, a thumbnail, author, category, and a sections array (header, text, image). Slugs are generated from the title.

• Collection name: post
• Path: content/posts
• Filename: read-only; generated by slugifying the title (lowercase, trimmed).

• seo — shared SEO object (title, description ≤ 160 chars, Open Graph, article meta).
• thumbnail — required image shown on listing and hero.
• author — defaults to DEFAULT_AUTHOR.
• category — required; uses predefined options (see below).
• title, description — required text fields.
• createdAt — required; used for sorting and sitemap freshness.
• sections — list of content blocks (Header, Text, Image).

Available templates in posts:

• Header — variant (Primary/Secondary) + text.
• Text — rich text body (content).
• Image — image fields plus an optional source { title, url }.

The editor sidebar shows labels (previews) via getSectionLabel so authors can identify blocks quickly.

Options: Business, Development, Docs, Guide, Legal, Marketing, Motivation, Reference, Tutorial, User Experience.

• Route metadata is hardcoded in /app/blog/page.tsx.
• fetchLatestPosts(last = 50) queries the Tina connection, sorts by createdAt, and returns previews (title, thumbnail, author, description, category, createdAt, slug).
• The page renders FeaturedPost, PostGrid, and a SubscribeNewsletter section.

• generateStaticParams() builds slugs from the Tina connection for SSG.
• generateMetadata() maps post.seo using generateSeoMetadata() and pathname: blog/<slug>.
• The page fetches the post by slug and renders:
  • BlogPostHero (uses thumbnail)
  • BlogPostHeader (title, description, createdAt, category, author)
  • BlogSections (maps section types to UI templates)
  • SubscribeNewsletter

The renderer maps Tina section types to UI components:

• PostSectionsHeader → HeaderTemplate
• PostSectionsText → TextTemplate
• PostSectionsImage → ImageTemplate

Unknown templates are ignored gracefully.

• Page-level SEO comes from the post’s seo object.
• The sitemap service reads posts from the Tina connection and uses seo.openGraph.updatedTime as lastModified when available.

• Pick a short, descriptive title—it becomes the slug.
• Keep description concise (≤ 160 chars) for better previews.
• Use Primary header for major sections; Secondary for subtopics.
• Add source info to images when applicable.
• Ensure createdAt is accurate; the listing sorts by it.