Question 165088 in Wordpress Question posted in
The official Wordpress documentation can be found here.

Can a static export of NextJS be served inside a WordPress theme?

I’m struggling to serve a NextJS export inside of a WordPress theme folder. I currently have the following htaccess file:

<IfModule mod_rewrite.c>
RewriteEngine On

RewriteRule ^$ /wp-content/themes/mytheme/next/index.html [L]
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_FILENAME} !-f

RewriteCond %{REQUEST_URI} !^/wp-content/themes/mytheme/next/

RewriteRule ^(.*)$ /wp-content/themes/mytheme/next/$1
RewriteRule ^([^.]+)$ $1.html
</IfModule>

It works for the root, as well as initial subdirectories but does not work for sub-subdirectories. It’s also not working if there’s a trailing slash i.e:

mysite.com                 200 ✅ /wp-content/themes/mytheme/next/index.html
mysite.com/products        200 ✅ /wp-content/themes/mytheme/next/products.html
mysite.com/products/       403 ❌ /wp-content/themes/mytheme/next/products.html
mysite.com/products/app    404 ❌ /wp-content/themes/mytheme/next/products/app.html
mysite.com/products/app/   404 ❌ /wp-content/themes/mytheme/next/products/app.html

I’ve tried to turn on RewriteLog but without success. Using Mamp.

Any help, much appreciated.

Tags:

2

Answers


  1. Chosen as BEST ANSWER
    0

    Adding the following seemed to work:

    RewriteRule ^(.*)/([^.]+)$ /wp-content/themes/mytheme/next/$1/$2.html [L]

    So:

    <IfModule mod_rewrite.c>
RewriteEngine On
RewriteRule ^(.*)/([^.]+)$ /wp-content/themes/mytheme/next/$1/$2.html [L]
RewriteRule ^$ /wp-content/themes/mytheme/next/index.html [L]
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_URI} !^/wp-content/themes/mytheme/next/
RewriteRule ^(.*)$ /wp-content/themes/mytheme/next/$1
RewriteRule ^([^.]+)$ $1.html
</IfModule>

    Doesn't feel like the best solution but c'est la vie.


  2. 0

    Not exactly sure what all you need, but I think this pair of rules works on the above test cases:

    RewriteRule ^$ /wp-content/themes/mytheme/next/index.html [L]
RewriteRule ^(.+[^/])/?$ /wp-content/themes/mytheme/next/$1.html [L]

    The first rule matches the root since it’s different from the other paths (returning index.html), the second matches any URL, drops any trailing slash, and adds a .html to the end.

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search