next.js icon indicating copy to clipboard operation
next.js copied to clipboard

Published 20 hours ago • verified publisher icon vercel

feat: include LP SDK in Contentful example

Open YvesRijckaert opened this issue 8 months ago • 2 comments

What?

Changing the Contentful example to include the Live Preview SDK to enable inspector mode and live updates.

https://github.com/vercel/next.js/assets/22968325/4a85da5a-e394-46bf-8517-00d1f4c6e7b9

How?

  • import the @contentful/live-preview package
  • Had to use "use client" for some components to enable the postMessage iframe messaging that the Live Preview SDK relies on
  • For live updates to work we need to include the sys.id and __typename in our GraphQL queries

YvesRijckaert avatar Jun 27 '24 08:06 YvesRijckaert