I am working on a mini project with Next-Auth (with credentials), I have the following scenario: const authOptions: NextAuthOptions = { providers: [ CredentialsProvider({ id: 'credentials', name: 'credentials', credentials: {}, async authorize(credentials) { const { email, password } = credentials…
I have a Next.js application where I use @tanstack/react-query@4 for state management and data fetching. I use it for authentication state via a custom useUser() hook that is used throughout the app, including in a nav bar component shared across…
In hello.js import connectMongo from '../../../util/connectDB'; import UserModel from '../../../models/UserModel'; import { NextResponse } from 'next/server' export async function GET(request) { return NextResponse.json({hello: 'Hello, Next.js!'}) } export async function POST(request) { const data = await request.json(); console.log(data); return NextResponse.json(data) }…
I've got a Django RESTapi and the output data is like this: { "count": 1000, "next": "http://127.0.0.1:8000/store/products/?page=2", "previous": null, "results": [ { "id": 648, "title": "7up Diet, 355 Ml", "slug": "-", "description": "tincidunt eget tempus vel pede morbi porttitor lorem…
this is my next js index file. Here i have used next-auth version 4 library. import React from 'react' import { useRouter } from 'next/router' import { useSession } from 'next-auth/react' import { Login } from '@/components/Login/Login' export default function…
I've been using Next/Image for everything lately because of Vercel's automatic image optimization service. I've been able to replace background-image in pretty much every use-case by using DIVs in conjunction with z-index, but I've had a heck of a time…
I have been connecting my Laravel API backend to my NextJS frontend. Everything worked well until I put part of my NextJS app onto a subdomain and I immediately got CORS errors. "Access to XMLHttpRequest at 'http://myapp.test:8080/dashboard' (redirected from 'http://myapp.test:8080/api/login')…
I'm using Tailwind for a personal project with NextJS, but the updates of styles get bugged. Like a lot. It's around 50/50 chance that Tailwind will apply the style to the component, or I have to restart the dev server,…
i want to display data on the page but getting and error : data is not defined. please look on the code and help me import { useEffect } from "react"; import axios from "axios"; import useLatestPosts from "../../hooks/useLatestPosts"; import…
I have seen Next JS API feature, it provides you the API folder where you can create API for frontend. But I am still confuse about few things. Does it replace the need of backend e.g database and file handling…