I have the following provider that wraps my entire NextJS APP:

I’m triying to authenticate through the production build of my project. However, I found out that there’s an issue with redirect().

In my nextjs app, I am trying to fetch data by using async await mechanism like this

I am building an web app using nextjs on the frontend and laravel for backend (Api) with CMS. For only home page there are 12 apis getting called. The api data fetching takes about on average 2.5s. So when the data is being fetch header and footer with no content is shown and when the data is fetched then the content is rendered. Now how do I instantly render the contents or is there any alternative so that the user can have a better experience when visiting the site? Also every data must be upto date in the frontend as there is a CMS and user expects to instantly see the updated result in the frontend.

After the user submits a form, I want to redirect them to a thank you page. However, when the backend logic is processed, it redirects me to a 404 page. I checked the URL path and everything seems fine.

I’m building in next.js.