Search code examples
reactjsnext.jsvercelnext.js13prerender

while building the next js 13 app it gives fetch failed error and also prerendering error

enter image description here

the above error is shown while building the next js 13 app following is the github repo github link

and while deploying the app in vercel it shows this errorenter image description hereenter image description here

i have also tried adding the error component but still it does not works please help... Thanks in advance

successful build of nextjs 13 app and successful deployment

Solution

  • Add this to ur code

    export const dynamic = "force-dynamic";
export const fetchCache = "force-no-store";

    Also I wrote an article giving a quick fix to prerendering error

    https://medium.com/phantom3/next-js-14-build-prerender-error-fix-f3c51de2fe1d

    Disclosure: I wrote the article

    This solution is similar to GetStaticProps() which is not available in next js app router