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…
I'm developing a blog SPA with WordPress headless CMS and Next.js. WPGraphQL: I want to get json using GraphQL for posts in order of popularity with GraphQL API for WordPress. The official action hook below states that it won't work…
I'm learning to use NextJS and I'm using the latest version with App Router, I'm currently stuck on how to do routing, such as where to put the register and login pages, and its' folder structure in general, where I…
I thought this was a relatively straightforward thing to do but apparently not. I have a bg image in a global scss file that does not wwant to render. It seems all of the other styles in the file are…
I'm working on a React.js/Next.js project that utilizes Google reCAPTCHA. My frontend seems to be working (I know because I've set up print statements along the way), but the backend is giving me this error in my local terminal: error…
I'm using React Context to manage state in my application and I'm also using LocalStorage to persist some data between page refreshes. However, I'm running into an issue where the data stored in LocalStorage is not being maintained after a…
Hello I have some ipfs data and it has 300 images. I want to render them but when I try to render them sometimes 3 4 of them is not loaded. it gives me 404 error and won't load. So…
The documentation for using appDir on Next.js 13.4 states the following: Step 3: Migrating next/head In the pages directory, the next/head React component is used to manage HTML elements such as title and meta . In the app directory, next/head…
I have an image and I want to create a new div (on click) with a larger version of the same image. I've tried four approaches: Render div on Click function zoom_img (event) { console.log(event.target); console.log(event.target['data-loaded-src']) const src = event.target['data-loaded-src']…
In the classic Pages Router of Next, You can add a global provider in your _app.js file and wrap it around the entire component tree. This will ensure that the provider is available to all components. If you do this…