I created a app/components/Header.js component. export function Header() { return <> <header className="w-full h-14 grid grid-cols-12 bg-gray-50 text-black dark:bg-gray-900 dark:text-white"> <div className="left self-center col-span-3"> <div className="logo text-black dark:text-white ml-6 text-xl"> <a href="#">Logo</a> </div> </div> <div className="center self-center col-span-6 text-center"> <p>{…
I searched in articles and YouTube videos about how to fix error 404 when calling a API router for example /api/hello/ even when I saw the documentation in Next.js website I didn't find any solution for this problem, and I…
Is there a better way to do the following (having a component return null)? In my Page component I need to update my pageTitle state that is rendered in a component further up the tree. layout.tsx: import { PageTitleProvider }…
I am making user role base protected routes in next.js in middleware.js but suddenly started getting this. Not sure why this happening if you guys have better way to implement that please let me know. Here is how I am…
const DummyData = [ { _id: 1, title: "lorem ipsum", desc: " ", cta: "Explore Service", ctaUrl: "/", theme: "#E4F8ED", btnTheme: "#4F9D73", links: [ { title: "Project lorem ipsum Tools ", url: "/", }, { title: "Augmented lorem ipsum ",…
I am using NextJS 14 to setup routing. I am using root layout in app/layout.js to check for jwt tokens and conditionally allow page rendering or redirect to /auth/login. However in doing so, I am getting 2 back-to-back errors. First…
I am getting errors with uploadthing and NextJS. The upload functionality worked before the version 14 and now doesn't. I tried reverting to the previous version of NextJS 13 and now I'm getting console errors (Windows VSCode Terminal). PS C:UsersHPDesktopDevelopmentKind…
Modifying the first of item in an array - two ways: one modifies the items directly one creates a copy of the array Which way is the correct way to do it? const [testArray, setTestArray] = React.useState([{ name: 'value0' },…
I thought this would be simple but its causing me some issue in simpley replacing tag valuse with another. I am taking HTML code, and adding className to each H tag but I also need to change the to all…
I am using server actions in next.js as per the documentation on Server Actions Everything is working well, but now I am looking to rate limit the server action, in order to prevent spam or attacks. I know how to…