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> ); }…
I am trying to use the "next" way of adding fonts. However I feel like the way they explain it seems extremely complicated just to preload a font. I tried to export a function creating the font and then using…
I am working on nextJS app and integrating stripe web elements (card) but the elements are not showing up. I see empty in inspect. They are working fine in my other reactJS app but not here, even though the code…
Here is layout.js. I have commented out the export const metadata, doing this makes the deployment to Vercel successful. Without commenting out the metadata, the deployment will fail. "use client"; import "./globals.css"; import { store } from "./store/store"; import {…