Not able to navigate to subpages

Hello everyone,

I made website in next.js using firebase as backend. I am using next 14.2.0. I am fetching the case studies as soon as user lands to case study page. When user click on any case study then it's navigating to it's detail screen.

This navigation works only for 1 day after that I am not able to navigate. When user click on any case study then it's redirect the case study main page.

My website's case study home page

https://www.newu-app.io/en/case-studies/page/1 when you click on first case-study then it's redirect to same page.

Hi, !

Welcome to the Vercel Community! 😃 Feel free to drop into https://community.vercel.com/t/introductions/157 to introduce yourself.

This navigation works only for 1 day after that I am not able to navigate. When user click on any case study then it’s redirect the case study main page.

From what I understand, you made no changes to your code (?) and now, the navigation to the case studies is broken. Is that right?

I went onto your website and can confirm that the only case study that works is this one: https://www.newu-app.io/en/case-studies/telindus-en

It's worth checking how you manage your routes on your app. Feel free to share any snippets here as it'd help us figure out what wrong.

I am handing the route of case study page using these two methods

getStaticPaths

1export const getStaticPaths: GetStaticPaths = async () => {2  let pathsService: CaseStudyPathsService = new CaseStudyPathsServiceImpl();3  console.log("Case study page getStaticPaths runs");4  console.log("Paths: ", (await pathsService.getPaths()).paths);5  return await pathsService.getPaths();6};

getStaticProps

1export const getStaticProps: GetStaticProps = async (context: GetStaticPropsContext) => {2  console.log("Case study page getStaticProps runs");34  let propsService: ICaseStudyPropsService = new CaseStudyPropsService();5  let urlService: IUrlService = UrlService.get();6  const caseStudyProps: any = await propsService.getProps(context);7  const languagePropService: LanguagePropService = new LanguagePropService();8  const langProps: any = languagePropService.getProps(context);910  if (caseStudyProps.props.shouldRedirect) {11    console.log("Redirecting from Case study page");1213    const availableLanguages: string[] = urlService.getAvailableLanguages();14    const languageExists: boolean = availableLanguages.includes(langProps.language);15    const redirectUrl: string = urlService.getCaseStudyUrlFromLanguage(16      languageExists ? langProps.langauge : "en"17    );1819    return {20      redirect: {21        destination: redirectUrl,22        permanent: false,23      },24    };25  }2627  const caseStudy: CaseStudy = JSON.parse(caseStudyProps.props.caseStudyJson);28  const canonicalUrl: string = urlService.getDynamicCanonical({29    language: langProps.props.language,30    contentUrl: caseStudy.url,31    staticUrl: urlService.CASE_STUDIES_STATIC,32  });33  const defaultAlternateUrl: string = urlService.getDynamicDefaultAlternate({34    availableUrls: caseStudyProps.props.availableUrls,35    staticUrl: urlService.CASE_STUDIES_STATIC,36  });37  const alternateUrls: DynamicUrl[] = urlService.getDynamicAlternatives({38    availableUrls: caseStudyProps.props.availableUrls,39    staticUrl: urlService.CASE_STUDIES_STATIC,40  });4142  return {43    props: {44      ...langProps.props,45      ...caseStudyProps.props,46      canonicalUrl,47      defaultAlternateUrl,48      alternateUrls: alternateUrls.map((url) => url.toObject()),49    },50    revalidate: 300,51  };52};

when user click on any case-study then I am calling this function

1  router2    .push(3       UrlService.get().createDynamicCaseStudyUrl({4          language,5          contentSlug: caseStudy.url,6       })7    );

Definition of createDynamicCaseStudyUrl method

1public createDynamicCaseStudyUrl({ language, contentSlug }: { language: string; contentSlug: string }): string {2    return "/" + language.toLocaleLowerCase() + "/" + this.CASE_STUDIES_STATIC.slug + "/" + contentSlug;3  }