I am using react-pdf version 3 and pdf viewer shows pdf correctlly in my ui but when i download that pdf it does not render in adobe acrobat and microsoft edge while it renders correctly in google chrome and Google…
Hi developers i am trying to work on queue in next.js 13 with a custom api. This is how far I got... the api is working the connection to redis is working but the middle is not working im trying…
I just 20 days old into nextjs so I may be missing quite a few thing. I have a dashboard page server side rendered which has 3 components. I have a component (tsx) with a button which when clicked should…
I am in very critical trouble, let me explain I am creating a full stack application with next js 13, I have created an API that is perfectly working in dev(npm run dev) mode but the problem is when I…
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 encountering an issue with sessionStorage in my React app. I'm using the "use client" pragma to ensure certain code runs only on the client side, but I'm still getting a ReferenceError. Here's my code: "use client"; import { useEffect,…
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…
I need to import a pure javascript script in my next js app like this : import Script from "next/script"; <Component {...pageProps} /> <Script id="raychat-widget" strategy="afterInteractive" dangerouslySetInnerHTML={{ __html: ` window.RAYCHAT_TOKEN = "Token"; (function () { const d = document; const…
I'm simply trying to fetch data in Next js but facing some issues between client and server components. import { useSearchParams } from 'next/navigation'; const searchParams = useSearchParams(); const searchValue = searchParams.get('query'); const url = `${process.env.NEXT_PUBLIC_REQUEST_URL}${searchValue}`; Here I'm grabbing from…
I have a Next.js project. My concern is, the utils/components are easily visible throught the Chrome Developer Tools, as can be seen here: How can I hide them? More importantly, is it safe to have them easily accessible?