I'm working on a Next.js 14 project and I need to fetch data in a client component. I've come across two different methods and I'm unsure which one is the best practice. Method 1: useEffect with an Async Function and…
I have a Next.js project where users can upload properties and apply various filters such as amenities, minPrice, maxPrice, etc. I created a custom hook to reset specific query parameters when the user clicks a "Reset Filter" button. However, after…
I have a component in Nextjs AddressPage and I want to take advantage of Nextjs SSR to display all my HTML in page source using getServerSideProps. In the getServerSideProps I am calling an API to fetch the addresses and the…
I am developing a website in nextjs, and when i send emails using nodemailer in my windows environment it works well both on development and production. But when i deploy the application on my ubuntu web server i am getting…
Let me explain what I want to achieve and what I have tried. //The Problem I have an API endpoint built with nextjs API Url Remote: - http://codingsamadhan.com/api/portfolio API Url Local - http://localhost:3000/api/portfolio this is the API for the portfolio…
I have been trying to migrate a React.js CRA to Next.js SSR Application, I moved specifically to Next.js 11 as I have some package deps which support only up Next.js 11, as my CRA application is working perfect, but when…
i have a question, i've spend the past 2 hours looking for an answer on the web but i haven't find one. well im using Nextjs with the new App router. when a user navigate to an undefined route in…
I need to pass the 'token' parameter from the 'Vendas' component (client side) to the 'Home' component (server side). I'm trying to use cookies, but it's not working in Chrome when it's inside an iframe. I've already set the cookie…
Suddenly my Node environments start not to install packages and they are freezing in idealTree:my-app : sill idealTree buildDeps I tried npm config set registry http://registry.npmjs.org/ --global but did not work, I had to use npm set strict-ssl false to…
I have a React component that is basically a card with a title, and an image. Id'like the image to change on hover of the card, not of the img element, which is what I have happening now. I know…