I was configuring the context in Tailwind for a Next.js 14 website, and I just wanted to provide a global theme configuration for my project. So, I created the ThemeContext and added the 'use client' at the top of the…
I have an array of dates in "MM/DD/YYYY" format. But passing this array via the hightlightDates prop to react-datepicker is not highlighting the days on the calendar. How can I accomplish this? <DatePicker showIcon selected={startDate} customInput={<CustomInput />} onChange={(date) => setStartDate(date)}…
I'm currently working on implementing role-based authentication using NextAuth.js in my Next.js application. I've followed the documentation provided by NextAuth.js, but I encountered an error(in profile snippet and callback snippet which i copied from next-auth documentation) when trying to add…
I've created a currency converter app with next.js. It works fine. However I also try to insert a functionality that allows users to swap From and To currencies back and forth. This is the function code: const swapCurrencies = ()…
I've created a currency converter app. My app accepts number as input and works well. However, when user types something other than a number or leaves the input field empty, my app does nothing. I want it to return an…
I have completed basic course on Next.js, where I used Image component in the following way: <Image src="/hero-desktop.png" width={1000} height={760} className="hidden md:block" alt="Screenshots of the dashboard project showing desktop version" ></Image> and hero-desktop.png was in the public directory, alongside app…
I have NextJs front from which i need to do calls to external python api. I'm new to Next and i just found out that there is integrated api (by creating folders app/api/resource/route). So what is the proper way to…
I have page of notes, and when user click on each note, I make a request to backend (basically a get request that get invoked on onClick event when clicking on the note) to check if that user who made…
I need to create some cards that will have the content based on data returned from an API. However, I haven't found ways to do this when the website is being rendered, and the ones I've tried haven't worked. The…
I'm trying to create an API making a delete request that will remove an album from a users document within the database (MongoDB atlas). I keep getting an error saying that the albumName property is undefined, and I can not…