I m building a blog website in next js , the API for the blog is from some headless CMS.
In a page i want to do the following
- List some blogs.
- Set of buttons available, based on each button click different set of blogs are loading (should replace the blogs in #1).
Since SEO is needed I m pretty confused to use which approach should i choose.
What i thinking is i can use generate the initial list with
getStaticProps (Static Generation), and after loading i want to replace the blogs based on user action (button click).
But i m confused is it possible to use static generation and SWR in single page.
Can somebody give advise on my problem?.
Thanks in advance