You can see the example from this page of w3 school where the width of two columns adjusts depending on the mouse left and right movement. I want to apply this functionality in my react app but don't know how…
I am using next/Link but smooth scrolling is not working but when i use anchor tag it is working properly while using anchor tag page is reloading but next/link doesnt load page whenever path changes Css html { scroll-behavior: smooth;…
So, i was solving this problem but i didn't find the solution. The error is I cannot get the setShowCatMenu as a function type: Code Below Menu.jsx import React from 'react'; import Link from 'next/link'; import { BsChevronDown } from…
I have a login/signup app in NextJS. In the login page logic within my route.ts file I am submitting a few requests to a MongoDB database. I am checking to see if a doesnt exist then to send a NextReponse…
I just created a next.js app then when I try linking another page, it is 404, I read that it is a bug, but I don't know how to fix it. upon creating the app, I don't have the pages…
I have been building a threads app clone with help of Js mastery yt channel. But i got this Error of Error : ClerkInstanceContext not found. I tried restarting the app, replacing code. But nothing changed. What to do? Can…
I am trying to access my env variables saved in .env.local file in utils folder saved in root directory. It shows undefined when I console log it. console.log({ clientId: process.env.GOOGLE_ID, clientSecret: process.env.GOOGLE_CLIENT_SECRET, }); This is my folder structure-
I am trying to do a custom page for sign in with google using NextAuth and firebase, and this is what happend. api/auth/[...nextauth]/route.js 👇 import NextAuth from "next-auth/next" import GoogleProvider from "next-auth/providers/google" export const authOptions = { providers: [ GoogleProvider(…
I have thid component import { useState, useEffect } from "react" export default function profile() { const [text, setT] = useState("") const f = () => console.log(hiop) const t = "hi boy how r u " function type(s = 100,…
I am writing a form validation program using the App Router in Next.js. // app/register/page.tsx export default function Register(context: any) { console.log("Register page", context.params, context.searchParams); return ( <form method={'POST'} action={'/register'} > <input name="usr"/> <input name="pwd"/> <button type={'submit'}>Submit</button> </form> ); }…