Confusion over which Real-Time Preview workflow to use in Sanity

The Sanity team seems to offer multiple workflows for implementing Real-Time Previews. Which one is the most correct or up to date? I don't really want to use a specific starter, so I started with this template: https://github.com/sanity-io/sanity-template-nextjs-clean , which directed me to #2 below (https://github.com/jamestrenda/nextjs-sanity-clean/blob/4eeab9df18fd4545209496a2f193d4c0a5012272/docs/studio-preview.md ). As a sanity beginner, I'm just a little confused as to which workflow to follow.
1.
https://www.sanity.io/guides/nextjs-live-preview using the Iframe Pane plugin 2.
https://github.com/sanity-io/template-nextjs-personal-website 3.
https://github.com/sanity-io/nextjs-blog-cms-sanity-v3

The starters will all use some variation of what’s happening in the guide . You’ll want to use that to set up your own version.

Thank you. I guess I'm just confused because in the guide says that the starter blog template has this already set up for us, but the starter blog does not use the iframe pane plugin (https://www.sanity.io/plugins/iframe-pane ) that Simeon uses in the guide. The starter blog has some great examples of how to preview document types outside of an iframe (Author, for instance), as well as the Open Graph image preview, but the starter blog implements its own iframe for the posts preview. Was the iframe pane plugin created after the blog starter template was made and it just didn't need to be updated to use this package?

Not trying to be difficult, but some added context for the different approaches would be helpful. Thank you!