How to create WordPress in a subdirectory of Next JS application

Question

Dear community, Hello,

My web application uses next JS under the domain name domain.com

Now I want to create a wordpress blog (wordblog.com/community) under example.com/community

Using Next JS Rewrites, I added this to my next configuration:

async rewrites() {
    return {
      fallback: [
        {
          source: "/community/:path*",
          destination: `https://wordblog.com/community/:path*`,
        },
      ],
    }
  },

In my WordPress installation folder.

1- Add it to .htacces

<IfModule mod_headers.c>
  <FilesMatch "\.(ttf|ttc|otf|eot|woff|woff2|font.css|css|js)$">
    Header set Access-Control-Allow-Origin "*"
  </FilesMatch>
</IfModule>

2-Add this to wp-config.php:

define('WP_SITEURL', 'https://wordblog.com/community');
define('WP_HOME', 'https://example.com/community');
define('COOKIE_DOMAIN', '.example.com');

3-Added this wp-content/themes/your-theme/functions.php

remove_filter('template_redirect','redirect_canonical');
add_filter('rest_url', 'serve_rest_url_on_wp_subdomain');
function serve_rest_url_on_wp_subdomain ($url) {
  return str_replace('https://example.com/community', 'https://wordblog.com/community', $url);
}

But when I visit domain.com/community, it redirects me to wordblog.com/community.

In addition, some pages of wordblog.com/community are rendered under wordblog.com/community/pageX instead of domain.com/community/pageX

Answer 1

You may be able to use the Alias ​​directive in your apache settings to resolve this issue: https://httpd.apache.org/docs/2.0/mod/mod_alias.html#alias

This means you have to remove the redirect in nextJS. Apache will know to serve /community from your WordPress installation.