I am using Next.js 14.2.3 to build a website, the other pages on the website are static generated at build time and static rendered, on the other hand, i have a page or route that is dynamically rendered. On local dev, when i click on the link go to the page, “http://localhost:3000/test”, it renders quickly but when this is deployed on aws amplify, and i go to the page “https://test.d2oa4hihp69p02.amplifyapp.com/test/” the page takes about 10 seconds to open and sometimes i get the error. “This page isn’t working test.d2oa4hihp69p02.amplifyapp.com took too long to respond.
HTTP ERROR 504”. I also have similar problems when i click on a link to view a single dynamic page within the test page https://test.d2oa4hihp69p02.amplifyapp.com/test/webstreams-medical-training-goes-global

While I am trying to create dynamic routing for route pattern