inside src/utils.ts import { type ClassValue, clsx } from "clsx"; import { twMerge } from "tailwind-merge"; import { SignJWT, jwtVerify } from "jose"; import { NextRequest, NextResponse } from "next/server"; import { cookies } from "next/headers";` ./src/utils.ts Error: × You're…
We Built our blog on Next JS, using WordPress as our API, we added content till we got to over 500 and our blog kept crashing because we had to call all our blog posts at the same time from…
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…