Next 9.3 Locale getStaticPaths

[TommySorensen]

Hi all

I'm trying to figure out how to implement getStaticPaths with an CMS where all urls is something i can get from the CMS so i can use benefits of getStaticPaths and catch all route. But i am struggling with how to set this up.

What i want is all urls like this to hit the same file in the pages folder /pages/[...slug].js:

/    (this should somehow redirect to the correct language /en or /de url)
/en
/en/somepage
/en/somepage/otherpage
/de
/de/somepage
/de/somepage/otherpage

// file: pages/index.js:

export { default } from './[...slug]'

// file: pages/[...slug].js:

export async function getStaticPaths() {
  // These params will be fetched from CMS, but for now they are hardcoded
  return {
    paths: [
      { params: { slug: ['en'] } },
      { params: { slug: ['en', 'somepage'] } },
      { params: { slug: ['en', 'somepage', 'otherpage'] } },
      { params: { slug: ['de'] } },
      { params: { slug: ['de', 'somepage'] } },
      { params: { slug: ['de', 'somepage', 'otherpage'] } },
    ],
    fallback: false,
  }
}

If i do this on localhost, it actually works. But i keep getting error 500 and the page is full reloading when changing pages.

When building it seems like it thinks the frontpage (/) and the [...slug] page is 2 different pages. But else everything looks fine

Can anyone link me to examples where something like this is working with v9.3?` And if you have a solution to the redirect to correct language i will be glad :)

[TommySorensen]

Update
Apparently it was me not understanding why the error 500 was happening.
I did not use the as prop in <Link> component.

What i should have done was:

<Link href="/[...slug]" as="/en/somepage">
  <a>En Somepage</a>
</Link>

And not:

<Link href="/en/somepage">
  <a>En Somepage</a>
</Link>