On our Next.js project we have a git submodule that contains UI components shared between multiple projects. Some of the components are not used in my project, and rely on libraries that are not currently installed in my project. To avoid installing these libraries, I’d like to exclude the unneeded components from the build. How can I do that?

I’m migrating my Next.js project from version 12 to 14 and encountered an issue with a loading component that used to work perfectly. Now, I’m getting the following error:

In my next js app, my structure is as follow:

I’d like to pass a ref to a dynamically loaded component named ForceGraph2D.

I want to add “.html” extension to the end of a URL in Next.js because S3 origins with CloudFront hosting without CloudFront functions doesn’t work without fullpath except root directory.
How can I add “.html” to the end of a URL in Next.js?

Next JS app structure

I need some help.
I want to get the token from localStorage, but some how it doesn’t work.
It happens when the page moves to dynamic route page.

I’m trying to add a video component to my web app but it never comes up, i make sure i get the src correctly, i even added the video in my app folder and it still doesn’t work heres the code:
<video controls preload="none"> <source src="nature-vid-1.mp4" type="video/mp4" /> </video>

I have some files inside the path: public/resources that are in .js format. Locally, they are loaded, and I can execute everything as needed. However, when deploying to production, and the application tries to access these files (a third-party SDK), I encounter the following error: Loading Worker from …. was blocked because of a disallowed MIME type (“text/html”).

I have an issue which I cannot figure out.
I’m using console.log. In production the log works only in top level module, but not inside a function.
In dev it works everywhere.