I am using Next.js v14 to create a page with the configuration in the attached image. In index.module.scss, I am using an image for the background. Below is a portion of the code. &::before { left: 0; background: url(/img/pc/index_hero_bg1.png) 0…
I'm making an e-commerce next.js app with Typescript and MongoDB. This is my current file structure I will be referring to: My mainPage.tsx file renders all of my products in cards. Using products.map and Link, I am linking each product…
screen shot of how the text is looking. The code: <div className='flex flex-col'> {/* {details.name} */} sssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss <span className='text-muted-foreground'> <p className='truncate max-w-full'> {/* {details.address} */} ssssssssssssssssssssssssssssssssssssssssssssssssss </p> </span> </div> Even after using truncate , text-clip, the text is not getting…
In NextJS14, which do you think is better between requesting from the server side and requesting from the client? Of course, I know that each situation is different, but basically, I thought it would be a good idea to make…
Warning: Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render. const OwnerPage = () => { const onOpen…
I have a problem with my NextJS App. I want to create a Portfolio on my website, using Strapi to add some content when I realize new projects. I can't succeed to extract the data array from Axios tu use…
I have developed a website on Nextjs and now I want my Blogs page in Wrdpress How can I install Wordpress for my Blogs Page and do customization in wp only ??? Please help me in installing Wordpress for my…
I have a modal component in my Next.js project using Radix UI. There are different two way binded inputs using state. The problem is when the state is update the entire page re-renders causing all state to be refreshed. Here…
I want to add rounded corners to my table in a react component using tailwind. I have tried using rounded-lg or any other rounded class to the component but it isn't working. What can I do? "use client"; import {…
I have an interface like below export type CameraProps = Omit<React.HTMLProps<HTMLVideoElement>, "ref"> & { audio?: boolean; audioConstraints?: MediaStreamConstraints["audio"]; mirrored?: boolean; screenshotFormat?: "image/webp" | "image/png" | "image/jpeg"; //between 0 & 1 screenshotQuality?: number; videoConstraints?: MediaStreamConstraints["video"]; fullScreenRecord?: boolean; screenshotDimensions?: ScreenshotDimensions; setImageSrc?: Dispatch<SetStateAction<string>>;…