next js sitemaps///

Job ID: 35946731

Budget: $10 – $30 USD

I need a (BACKEND) next.js developer, who can help me with the below fixes:

TASK #1 > the app uses getServerSideProps to generate dynamic routes and the next-sitemap package to generate dynamic sitemaps. since the getServerSideProps routes are only generated at request time, the routes are not in the generated sitemaps. However, I want the sitemaps to include all the possible routes {hundreds of millions} so I can submit the index sitemaps to Google Search Console. Here's the flowchart: https://drive.google.com/file/d/18cDdEjlgnlyD7TR9aofE_tttqcYV0TK3/view

TASK #2 > the app works fine in localhost without any errors. However, each time I visit any route from the deployed version, I constantly get [(Application error: a client-side exception has occurred (see the browser console for more information).] until I refresh more than 5 times for the error to disappear. Routes that don't have the marquee work fine in production, but routes where the marquee is shown often throw the error. Therefore, I think the TickerMenu.js file is the problem here.

demo video here:
https://www.loom.com/share/cc240a0fccdd4898bcda59b2fb17f99b