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…
everyone. Im having trouble to access the id that from the dynamic page in Next.js in the Edit project page. This is my folder I have this component so I can navigate to the Edit project page "use client"; import…
For this question I have created the following demo Next.js application using the App directory: It has a standard RootLayout in app/layout.tsx. It has a nested Layout in a route group app/(app)/layout.tsx. This layout contains <nav />. It has two…
Trying to use signals to create a shopping cart with local storage. I have two signals, the totalAmount and cart. The totalAmount is reactive, however the cart items aren't. I'm able to retrieve the data from the signal, but if…