I have a clean install of Next.js 13. npx create-next-app@latest footest I'm creating a single file app/footest/page.tsx. export default function Page() { return ( <div> <form action="/action_page.php"> <label htmlFor="pswrd">Password:</label> <input type="password" id="pswrd" name="pswrd" pattern="[a-z0-9]{1,15}" title="Password should be digits (0 to…
When we try to use a ThemeProvider(as shown below) in NextJS, we need to declare this Provider as a client component. But in NextJS docs it is said that if we declare a component as a client component all other…
How to resolve this "TypeError: date.locale"? I'm making an attempt to address this problem, but despite my efforts, I'm unable to find a solution. API response: { "birthday": "1999-03-09T00:00:00.000Z" } change date format useEffect(() => { if (currentRecord) { const…
I have a root directory /var/www/html/ In above root directory I have multiple projects example project1 project2 I want to host two NextJs application in single file of nginx configuration. Below is my nginx config file location / { root…
I have a problem with this component in next js, if I do the npm run dev it works, the problem is when I try to generate the next js build, it returns this error ./pages/marcas/[marca].tsx:66:30 Type error: 'carData' is…
I am building a website that uses framer-motion for animation I have this image component <motion.img ref={scope} initial={{ x: -200 }} alt="pacman" className="absolute z-50" src="/pacman.gif" width={100} height={50} /> and here it is running a series of animation const [scope, animate]…
I have a button that I disabled via a boolean variable. The variable works on first load but when the variable is updated the disabled attribute stays. How do I update it so it gets removed? My current code is…
I have a delete user button on my user page (route: /users/) who call the delete user api's route. Then after this call, i execute a router.psuh('/users') to go back to my users list But my /users page is like…
using next js 13.4 I have created an api folder inside app folder iside that api folder i created one more folder named proxy and inside it i created route.js . while i am on home page i fetched it…
I have a dynamic API route file for the POST request. Here is the code of that file: import { NextRequest, NextResponse } from "next/server"; import dbConnect from "@/lib/dbConnect"; import User from "@/models/User"; export async function POST(req: NextRequest, res: NextResponse)…