Hi Yogesh. Based on your previous screenshot you have posted. I assume you're using Plain React app. I suggest you to use Nextjs instead. All you have to do is move the components and business logics. Why because, React apps will be hydrated after the dom is initialised. So there will be problem with SEO as well. This is fine for dashboard apps. Since you're building Directory site. I feels it's not an good option.
Nextjs provides way to generate dynamic sitemap, and everything out of the box.
Next.js also handles a lot of other SEO relevant things like image optimization etc. you flip through the official Next.js Learn which is pretty good and you are good to go nextjs.org/learn
Hi Yogesh. Based on your previous screenshot you have posted. I assume you're using Plain React app. I suggest you to use Nextjs instead. All you have to do is move the components and business logics. Why because, React apps will be hydrated after the dom is initialised. So there will be problem with SEO as well. This is fine for dashboard apps. Since you're building Directory site. I feels it's not an good option.
Nextjs provides way to generate dynamic sitemap, and everything out of the box.
Thanks @mcnaveen , I'll check out Next.js
+1 on this check the docs on sitemaps nextjs.org/docs/app/api-refer…
Next.js also handles a lot of other SEO relevant things like image optimization etc. you flip through the official Next.js Learn which is pretty good and you are good to go nextjs.org/learn