Setting up Nextra as a sub /docs website (Using a Vercel Proxy Project)

[Jet315]

Hey,

I'm in the process of setting up Nextra Docs. I have a Vercel Proxy Project and this is set up to forward traffic to the Nextra Vercel App when the user goes to domain.com/docs. The issue is, whenever I navigate to the domain.com/docs path, it causes an infinite redirect loop 'ERR_TOO_MANY_REDIRECTS'.. It only occurs when I go to the /docs path, all other paths are fine (/docs/page1)

Vercel Proxy Project (vercel.json) code:

`{
  "rewrites": [
    {"source": "/docs/:match*", "destination": "https://X-docs.vercel.app/docs/:match*"}, // domain.com/docs/ causes an infinite loop, domain.com.docs/page1 doesnt
    {"source": "/", "destination": "https://X-frontend.vercel.app/"}, //WORKS FINE
    {"source": "/:match*", "destination": "https://X-frontend.vercel.app/:match*"} //WORKS FINE
  ]
}`

Nextra App (next.config.js):

const withNextra = require('nextra')({
  theme: 'nextra-theme-docs',
  themeConfig: './theme.config.jsx'
})

//module.exports = withNextra();

module.exports = withNextra({
  basePath: '/docs', 
  async redirects() {
    return [
      {
        source: "/",
        destination: "/index",
        permanent: true,
      },
    ];
  },
})

I am not sure if I need to modify the redirects() method in the next.config.js file, however without this code the infinite loop still exists.

Any help would be greatly appreciated!

Thanks,

[Jet315]

I seemed to have resolved the issue by modifying the 'vercel.json' file to this:

{
  "rewrites": [
    {"source": "/docs", "destination": "https://X-docs.vercel.app/docs"},
    {"source": "/docs/:match*", "destination": "https://X-docs.vercel.app/docs/:match*"},
    {"source": "/", "destination": "https://X-frontend.vercel.app/"},
    {"source": "/:match*", "destination": "https://X-frontend.vercel.app/:match*"}
  ]
}