Blog

Portable Text – Everything Demo

A comprehensive demo of Portable Text: headings, marks, links, lists, quotes, simple code, and images.

H1: Welcome to Portable Text

H2: Section Overview

H3: Subsection

H4: Details

H5: Notes
H6: Fine Print

This paragraph shows bold, italic, and inline code. Also a link to sanity.io.

“Simplicity is the ultimate sophistication.” – Leonardo da Vinci
  • First bullet item
  • Second bullet item with bold text
  • Third bullet item (has nested items):
    • Nested bullet A
    • Nested bullet B
  1. First numbered item
  2. Second numbered item

npm run dev

[@portabletext/react] Unknown block type "image", specify a component for it in the `components.types` prop

Paragraph after an image to verify spacing and flow with text content.

[@portabletext/react] Unknown block type "image", specify a component for it in the `components.types` prop

Wrapping Up

You now have a single post that exercises most features you will render on your Next.js page via <PortableText />.