I am using the Firebase Admin SDK for my NextJS app and am not certain where to store the JSON file with all the keys. As far as I know, there is no way to integrate the secret keys in…
I encountered the "redirect_uri_mismatch" error when using next-auth.js to sign in through Azure AD B2C. The error description is as follows: "The redirect URI 'http://localhost:3000/api/auth/callback/azure-ad-b2c' provided in the request is not registered for the client ID 'c716xxx8406'." I have configured…
I was trying to update metadata dynamically in NextJS 13. For this I have a rest api as backend that sends metadata like title, description, keywords, images etc . My goal was, by this approach I can update the sites…
I am trying to build a website using NextJS v13 and Next Auth v4. Whenever a page/component is loaded, the session is not returned in the first render when using useSession hook and because of this, many components don't work…
I want to set stock data in stockData and print it in console when I submit form. but when I submit form, I got only undefined. I think it's because it takes time fetch data from api(not sure). How can…
I'm learning the new App router using NextJS 13.4 and have come across an error when attempting to make an external api call. I actually receive all of the data properly from Airtable but because Next throws this error it…
With NextJS, it's possible to create a build ID, according to the docs : https://nextjs.org/docs/app/api-reference/next-config-js/generateBuildId It's also possible to get it according to the last git version : https://www.npmjs.com/package/next-build-id But the question is : how do I read this build…
I am using next js 13 route handler to get a login form data . I think I should be able to get it using formData method but it returns an empty object. My login page in app/login/page.jsx: export default…
here is the code: import { type AppType } from 'next/app' import { api } from '~/utils/api' import '~/styles/globals.css' import Nav from '~/components/Nav' import { useEffect, useState } from 'react' const MyApp: AppType = ({ Component, pageProps }) => {…
I'm trying to show a loading spinner (or really any HTML element for that matter) while my image is loading, the thing is I am using this ImageComponent to display an image in a random movie generator, I was able…