My Test New Post 8

Perfect Arslan! 😎 Main aapko step-by-step simple guide deta hoon ke aapka blog page Notion-style kaise banega, jisme:

• Featured image / video
• Title (heading)
• Subheading / excerpt
• Author & date
• Click → detail blog page

Aur last me aapko ready-to-use English prompt bhi doonga jo aap React developer ya AI se use kar sakte ho.

1️⃣ Sanity Studio Setup for Notion-style Blog

Create content type in Sanity

• post type ke liye ye fields add karo:
  • title (string)
  • slug (slug, for URL)
  • subtitle (string / text)
  • author (string)
  • publishedAt (datetime)
  • mainImage (image)
  • body (rich text / portable text)
  • video (optional, URL type)

Publish blog posts

• Studio me jaake new post create karo
• Title, subtitle, author, date, image/video, content fill karo
• Publish

2️⃣ Blog Page UI Design (Notion-style)

Main Blog Page (/blog)

• Grid or List layout for posts
• Each post card shows:
  • Image / Video on top
  • Title / Heading below image
  • Subheading / excerpt below title
  • Author & date at the bottom
• Clickable card → navigates to /blog/[slug]

Detail Blog Page (/blog/[slug])

• Show main image / video
• Title / subtitle
• Author & date
• Full blog content (portable text from Sanity)