Is it possible to use Vercel (Next.js) + WordPress on other webserver using reverse proxy to mask URL?

user_2053077 0
Viewed 516

I'm trying to build my app using next.js, deploy on Vercel (mydomain.com) and have a path called "/blog" that would pull my blog.mydomain.com under mydomain.com/blog.

I was able to do it changing the WP site URL, but only the home will be available, so if I try to access, for exemple, mydomain.com/blog it's OK, but if I go one path down It will redirect to the original blog domain.

mydomain.com/blog -> OK, the URL is masked and it will show my WP under vercel domain. mydomain.com/blog/hello-world -> redirects to blog.mydomain.com/hello-world

I've read a lot of documentation on vercel/next.js, I've also tried using reverse proxy, but my lack of experience with webservers made it very hard to achieve the expected result.

I've found many answers, but none of them could apply to Vercel + External WP, so I hope you could bring some light so I can see what am I missing...

Thanks!

vercel next.js wordpress reverse-proxy
1 Answers

I had similar issue with wordpress blog under blog.example.com. It turns out the blog was adding / at the end of the nested routes. I solved it with following code in the vercel.json:

  "rewrites": [
    {
      "source": "/blog",
      "destination": "https://blog.example.com"
    },{
      "source": "/blog/:match*",
      "destination": "https://blog.example.com/:match*/"
    }
  ],
user_134984930
Related