I created a new next.js app using npx create-next-app ./ I didn’t touch any code or even open it in an editor. While running this app using npm run dev, I get these really long warnings. $ npm run dev…
In the following code I have a nested menu. On hover I wanted to add selected class name to the Nav.Item and only remove it when I hover over another Nav.Item. I could achive that with onMouseOver. Unfortunately, it doesn't…
So i was trying out Next.js with typescript and tailwindcss. I did the initial commit and then started modifying the layout.tsx file. This is what I get after running the dev server This is the content of layout.tsx file: import…
I have seen websites use the default scrollbar style and only change its colors through a dark/light mode button. For example, if you access tailwindcss.com or https://developer.mozilla.org/ in Chrome and Firefox(for comparison), you can see that a default scrollbar is…
I have no idea of why that happens, i have a layout with my navbar, but when i refresh the page the navbar blink in the screen and fade away. My app dir tree: . ├── actions.tsx ├── api │ …
I'm trying to deploy my site to Netlify and I keep getting this error. My site was working and was able to build before this build. Any ideas on what I can do? Also, I'm using Next.JS for the site.…
when I click on a item is goes to the dynamic route "http://localhost:3000/products/{id}" but gives error instead of displaying data so my file sturcture is app components Product.js pages Products [id].js layout.js page.js [id].js const ProductDetail = () => {…
I'm trying to create a webapp with Next.js (13.4.9) and I would use the server action. With the server action, I would send data to my action, this action is going to treat this data and return me a string.…
I'm new to react (and web development as a whole), and I have been using ChatGPT to put much of my work together. I can't figure out what I'm doing wrong here. I am using the movie ID to find…
There is a search result page where query params are passed to useQuery. On this page, we can change our search prompt (query param essentially) however I only want to refetch when user click "Search" button. I've tried setting enabled:false…