I'm creating a web page about a weather app, but I have a problem with the background-color of the body. I gave the bodysuit the background color #191a38. Inside the body I have a main with the information of the…
I have a situation where I want to use shadcn Button as a trigger for DropdownMenu, and when I make DropdownMenuTrigger asChild, it wont render the children. I understand that there needs to be something done in this case, I…
I wanted to know if this method is optimal or not. Because I did not find any documentation about it. example a server action to get the current user information actions/whoami.ts "use server"; import { auth, prisma } from "@/lib/auth";…
I have a theme switch toggle on the top AppBar which is a client component. The main layout is SSR and uses the nextjs App router. It has theme settings <ThemeProvider theme={lightOrDarkTheme}>. Prior to App router/SSR I was able to…
I'm trying to style a button with tailwind on Next.js. I want the button background color to change on hover. I'm trying to style a button doing something like this <button className="rounded-full bg-gradient-to-br from-cyan-300 via-blue-500 to-purple-500 hover:bg-slate-200"> Hire Me </button>…
I have a simple table in Vercel Postgres: export const sets = createTable("card_table", { id: varchar("id").primaryKey(), info: jsonb("info"), }); I have populated the table with data and would like to do a bulk update. I figured out how to update…
I'm developing a project using Next.js, and I need to manage file uploads. I'm attempting to use the formidable library to handle these uploads on the server side, but I'm encountering some problems. When I attempt to upload a file,…
I'm trying to deploy a site to a Plesk server and unlike with previous Next JS versions where you had to edit /node_modules/.bin/next file and add start to const defaultCommand. (you can check reference here) https://medium.com/@keithchasen/how-to-set-up-your-next-js-app-on-plesk-server-7d8d247a2db2 I'm wondering if anyone…
As I was researching ways to integrate google login to my app, I found several different ways: gapi (js library, deprecated), Google's lib GIS(or GSI, Google Identity Services, new google SDK over gapi's deprecation) Although this articles says Oauth2 implemention…
I'm trying to implement authorize and pay later flow for my Next.js 14 app, but I'm having few problems. Client side, I have this: export const PPButton: FC<PaypalButtonProps> = ({ amount }) => { const [orderId, setOrderId] = useState<string>() const…