I have a application in NextJS 13 and deploy it on Vercel. I'm generating all content from Localess integration. Locally the SSG is working properly. with : npm run build and npm run dev When I'm deploying the application to…
I am trying to make the changes in real time using nextjs and firebase firestore. However I do need to reload yet in order for me to see the changes. const [getUsers, setUsers] = useState(""); const checkStatus = async (collectionName,…
The background image is not showing. I also tried "bg-[url('/image/example.jpeg')" tailwind.config.js theme: { extend: { colors: { darkBlue: "#0D1A32", }, backgroundImage: { "hero-image": "url('/app/images/lentcm93p_1.jpg')", }, }, }, plugins: [], }; Page.js export default function Home() { return ( <> <div…
I'm sure there is a quick fix, and I'm messing up somewhere, but how do I use custom elements instead of dots for pagination in Swiperjs for React? The custom element returns an SVG from an icons array. I originally…
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…