How to deal with archive pages of blog posts in Sanity

How would I deal with archive pages of blog posts? I have a normal Post model.
I have a pageBuilder array of sections for all pages and shared settings, navigation etc.

But a blog overview page with a pageBuilder is not the solution.

Would I create a singleTon for the blog archive and if so, what goes in there to show all the existing posts?

This would be handled just in your frontend no?
You could have a model to maybe set the page title and any extra copy needed for the blog archive page, but no need to list out all the blog entries in model in Sanity also

So /pages/blog/index.tsx would have a unique query only to display all the archives. But what if I want to have a Hero section from the pageBuilder array but I want to display all the blog posts no matter what. How would I deal with that? That is basically my only issue now

yeah than add the Hero into the model so you can set that in Sanity.
You just need to add a query in nextjs that retrieves the blog posts also alongside the page content

So you would have a blogArchive model which has all the fields set that you want added to Sanity.
Then in Nextjs, you make your query to blogArchive type and also query blogPost type with the fields you need

https://blog.novacare.no/multiple-queries-in-sanity-with-one-request/ is a nice example of combining multiple queries into 1

Aahhhhh, I get it.Since I dont need the pageBuilder on the archive I only need to copy the Hero section with a title, image, text and query this data on the /blog/index.tsx together with a another query to display alll the posts right?

Unique model for the archive only which matches the design right?

Yup

Thank you User! Appreciate it

np!

Great article btw thanks this will help