how do i get these providers? so i was following the javascript mastery tutorial and i did the exact same thing , but this useEffect to get the providers isnt working ( i tried alerting it to see it keeps…
So I was learning authentication in Next.js using next-auth. I followed the documentation and here is my app/api/auth/[...nextauth]/route.ts code import NextAuth, { type NextAuthOptions } from "next-auth"; import GithubProvider from "next-auth/providers/github"; import CredentialsProvider from "next-auth/providers/credentials"; export const authOptions: NextAuthOptions =…
I want to get a value from client side and use it in server side, But I don't know how to use use State and I know there is no way to using useState in server side So Is there…
As I'm coming from Vuejs background and starting with Nextjs now, I want to scope my css for each of my component like- Navbar instead of using it inside Globas.css, is there a way to do that? I'm using tailwind…
when calling the API from server I am able to see the response but when using data.map() to iterate the data is not reflected in frontend in the next js First I called the API from the server side and…
I am trying to create a countdown timer but i hit something interesting... This code procs twice in a row , as in the useEffect runs twice per second. 'use client' import {useState, useEffect, useRef} from 'react' export default function…
I'm just starting out with NextJS. I found in the docs that the old method to persist components/state between renders was to use _app.js, but that is now deprecated in NextJS 13. The new routing model lets you have a…
Just for reference, I am creating a shopping cart for an e-commerce website following an old tutorial and updating it to Next.js 13+ as I code. In the previous version of the tutorial, the _app.ts file was using page routing.…
So, I have a useState that contains data like this: const [orderData, setOrderData] = useState({ demoData1: '', demoData2: '', demoData3: '', demoArrayData: [{itemName: '', itemNumber: ''}] }); I have an onClick function that I would like to use to update…
I am currently facing an issue where I always receive a port number in my Next.js requests. I am using an Express server in conjunction with Next.js. The problem arises when I attempt to redirect from uppercase to lowercase for…