Links not working with Next.js basePath

Issues
1

we use basePath in our next.config.js and it’s resulting in base links not working as intended. Is there a way to set basePath for plasmic?

image.png
image.png1988×236 59.3 KB

2

hmm Plasmic should just be using next/link so surprised it doesn’t work; which one is the right link?

3

the correct link is /blog/jobs

4

This is using Plasmic’s link :thinking_face:

image.png
image.png2064×352 83.6 KB

5

is this solved?

6

Hi, it’s still not fixed in the builtin usage, we will investigate again the issue, but you can set the Link to be used in your pages with the Link prop in PlasmicRootProvider:

<PlasmicRootProvider
    loader={PLASMIC}
    prefetchedData={plasmicData}
    prefetchedQueryData={queryCache}
    pageRoute={pageMeta.path}
    pageParams={pageMeta.params}
    pageQuery={router.query}
    Link={NextLink}>

With this setup the issue won’t happen.

1 Like