43,297 questions
0
votes
0
answers
12
views
JWT Token is set in cookies but is always undefined in Next.js middleware
I'm facing an issue in my Next.js 15 application.
I am setting the jwtToken in the cookies when a user logs in. I have verified this through the browser's Application tab in the developer tools, where ...
-3
votes
0
answers
9
views
Third Party API Integration with Django (JWT) + Next.js (Redux, RTK Query)
I am creating a NYT News App using Django JWT authentication for registration and login and NextJS, Redux and RTK Query on the frontend. My full stack login/registration system works perfectly and now ...
- 15
0
votes
0
answers
25
views
Unable to sign out of Next.js based Azure Static Web App using Auth0
I'm using Next.js and Auth0 in an Azure Static Web App. When running locally, logout works. However, when in the Azure Static Web App, logout doesn't work. Easy to browse back a page or two and I am ...
- 3,719
-3
votes
0
answers
18
views
Shopping Cart, how to do it right? [closed]
The question is how to correctly implement the logic for the user's cart, taking into account that the User has the ability to add products, delete them or update their quantity, while not being ...
0
votes
0
answers
11
views
How to change scss classname generation pattern (output format) in Next.js with Turbopack?
I am using latest Next.js and sass (scss) in my project. Here is next.config.ts configuration:
import type { NextConfig } from 'next';
import createNextIntlPlugin from 'next-intl/plugin';
import '~/...
- 276
0
votes
0
answers
35
views
Cannot find module '../../prisma/generated/main/index.js' while starting NestJs Project?
I have two Prisma schemas like this:
Schema1 Generator:
generator client {
provider = "prisma-client-js"
output = "./generated/main"
}
Schema2 Generator:
generator client {
...
- 41
0
votes
0
answers
12
views
Vercel deployment - High Edge Requests
I'm running a project deployed on Vercel and noticed something unusual in the analytics. Over the past day, there have been 1.7 million Edge Requests (screenshot attached), although daily visitors are ...
- 153
1
vote
1
answer
38
views
Prisma Client could not locate the Query Engine for runtime "rhel-openssl-3.0.x" error on deployment
Prisma works locally and I can invoke my server actions without any problem. However, when I deploy, I get
`Unhandled Rejection: Error [PrismaClientInitializationError]: Prisma Client could not ...
- 41
0
votes
0
answers
36
views
I would like to have a notification sound and vibration at the same time when receiving web push notifications
What I want to achieve
I want to play a notification sound and trigger vibration simultaneously when receiving a web push notification.
Current situation
I have created a PWA (Progressive Web App) and ...
-1
votes
0
answers
29
views
Error: Element type is invalid. Received a promise that resolves to: undefined. Lazy element type must resolve to a class or function [closed]
I am trying to create and publish nextjs ui component Hsciifontpicker inside a [npmjs lib : hsciifontlib].
can I use next/font/local=>localFont function in a npmjs library component ?
...
0
votes
1
answer
53
views
Nextjs 15 tailwind PWA: env(safe-area-inset-*) only displayed on 404 pages
I am trying to add padding to the bottom nav of my pwa to prevent items going behind the phone navigation. when i create an empty page the padding is not applied, but on the standard 404 page it is ...
-3
votes
0
answers
42
views
Authorization for NextJS Application
I want to integrate authentication and authorization into my application. For now the project structure is like this -
├── .next
├── node_modules
├── public
├── src
│ ├── Components
│ │ └── ...
-1
votes
0
answers
18
views
How i can handle better auth onApiError?
enter image description here
I have configured better auth in backend:
import { AuthContext, betterAuth } from "better-auth";
import { prismaAdapter } from "better-auth/adapters/prisma&...
2
votes
1
answer
43
views
Error with TailwindCSS Utility Class sm:text-[54px] in Next.js Project
Error evaluating Node.js code
Error: Cannot apply unknown utility class: sm:text-[54px]
[at onInvalidCandidate (D:\MERN-LINKEDIN\Next JS\JS Mastery Next JS\startup-project\node_modules\@...
0
votes
2
answers
25
views
How to properly type Axios with response interceptor + useSWR Fetcher in TypeScript?
I'm building a Next.js app with useSWR, axios, and TypeScript.
I have an Axios instance with a response interceptor that returns response.data:
// api.ts
import axios from "axios";
export ...
-1
votes
1
answer
25
views
Tailwind CSS classes not applying in Next.js 14 App Router project
I am using a Next.js 14 project with the App Router (/app/layout.tsx) structure.
I installed Tailwind CSS correctly using the latest packages:
npm install -D tailwindcss postcss autoprefixer
npx ...
0
votes
0
answers
30
views
Next.js multi-zones assets is not working
I want to build nextjs app that gonna be served like a SaaS, so i have a main team that gonna develop this apps, and another division team that gonna join development with us,
My project structure ...
0
votes
0
answers
60
views
Next server actions leaking .env
I've got some router for generating pre-signed S3 URLs.
router: https://pastebin.com/zSQ4MRjK (it's not meant to be a public procedure)
I created an actions file like this:
"use server";
...
1
vote
1
answer
40
views
cookie not being set in nextjs frontend with golang backend
Problem:
I have a /login endpoint that sets an HTTP cookie with a refresh token. However, when I call the /refresh endpoint, it can't find the cookie, even though I can see the Set-Cookie header in ...
- 21
0
votes
0
answers
20
views
Font loaders must be called and assigned to a const in the module scope
I am having a number of localFonts created using next/font/local library. I want to export all these localfont object . So to avoid so many exports I am trying to creat a single javascript object with ...
1
vote
0
answers
20
views
Prisma cannot locate the Query Engine while deploying a NextJS-Prisma app in Vercel with Vercel's Neon PostreSQL
I'm deploying a NextJS App with prisma on Vercel with Vercel's Neon PostreSQl, Vercel doesn't give me any errors while deploying, but when it comes to making request to prisma, it always returns the ...
- 11
-3
votes
0
answers
27
views
How to create a live PDF preview in React using @react-pdf/renderer without browser controls or background? [closed]
I'm building a React app where users fill out a form, and a live PDF preview is generated using @react-pdf/renderer (<Document>, <Page>, <View>, <Text>, etc.).
I want the PDF ...
- 5,154
-3
votes
0
answers
22
views
Using Partytown to offload GTM: CORS errors with Google Analytics and Facebook Pixel [closed]
I recently tried implementing Partytown to offload Google Tag Manager (GTM) to a web worker. GTM itself loads successfully via Partytown. However, the tags managed by GTM — specifically Google ...
0
votes
0
answers
15
views
Supabase RLS with Supabase Javascript API SELECT not working
I am trying to read data from my profiles table. The profiles table has RLS enabled and has this policy for SELECT statements:
alter policy "Enable users to view their own data only"
on &...
- 288
-2
votes
0
answers
17
views
Best practice for creating and verifying guest accounts (localStorage or cookies) [closed]
First, I'll say I've read several articles about the dangers of storing things in localStorage and cookies are recommended in many cases. However, cookies seems insufficient for creating a guest ...
-7
votes
1
answer
63
views
Unable to use OpenAI API
Failed to load resource: the server responded with a status of 404 (Not Found)
POST /undefined 404 error
I still don t understand what s wrong with the api call although it seems fine and i tried ...
0
votes
0
answers
29
views
Best pattern for fetching both from server and client in Next.js App Router (handling cookies, CSRF, headers)
In a Next.js App Router project (app/ directory), I’m trying to build a unified fetcher that can work both server-side and client-side, including correct handling of cookies, CSRF tokens, and headers.
...
0
votes
0
answers
20
views
Google Translate API Specifications
I am creating a Blog Website which uploads blogs regarding laws and amendments in various different languages, so now what I exactly want is that the google translate API should translate the website ...
- 11
0
votes
1
answer
41
views
Accessing cookies in middleware nextjs
Hello I want to add a middleware to implement a filter request in my frontend.
Basically the workflow is the following:
User login in page localhost:3000/auth
Backend replies ok with access_token set ...
- 338
1
vote
1
answer
43
views
Tailwind CSS custom colors and standard colors not working in Next.js 15 project
Tailwind CSS custom colors and standard colors not working in Next.js 15 project. I'm working on a Next.js 15 project with Tailwind CSS v4, and I'm having issues getting any Tailwind background colors ...
- 151
-1
votes
0
answers
39
views
+250
turn-off error obfuscation in production for server actions on Vercel
Locally everything is fine, when deployed to Vercel, backend runtime errors are trapped by Vercel/Next.js and they are automatically obfuscated, which is nice, but I want to turn it off.
unfortunately ...
- 100k
0
votes
0
answers
17
views
Configuring Rombo for Tailwind in a Next.JS project
I'm new to Tailwind and Next.js. I want to configure Rombo for animations. The documentation for Rombo is simple:
// tailwind.config.js
export default {
theme: {
extend: {},
},
...
- 1,414
0
votes
0
answers
21
views
Error trying to log in with Keycloak from Nextjs app
I test a simple Nextjs application https://medium.com/inspiredbrilliance/implementing-authentication-in-next-js-v13-application-with-keycloak-part-1-f4817c53c7ef that logs in with Keycloak. When I run ...
- 1,748
0
votes
0
answers
16
views
Next.js dev server shows only bundled code in Chrome DevTools under WSL, but shows original sources on native Ubuntu
I have a Next.js project checked out from the same repository on two machines:
PC running Ubuntu 22.04 under WSL2 on Windows 10
Laptop running Ubuntu 22.04 natively
On both machines:
I run the app ...
- 872
-1
votes
0
answers
29
views
React query refetches query despite refetch options disabled
I have a hook using react query that looks like this:
export function useAllWorkspaces({initialData}) {
return useQuery({
queryKey: ['workspaces'],
queryFn: async (...args) => {...
- 2,141
0
votes
0
answers
26
views
Google Maps API Marker Clusterer show a dot instead of the numbers of markers inside the cluster using nextjs
I'm trying to do make a map with some POI and everything works fine except when I want to add a Marker Clusterer. In fact, I can see the cluster and interact with it, but instead of showing the number ...
- 9
-2
votes
0
answers
33
views
How to implement seamless scroll/state restoration when navigating back to infinitely scrolling page like reddit.com / pinterest [closed]
I’m using nextjs v14.2, graphql, and Apollo to build an infinitely scrolling feed. When users click on an internal link and then navigate back to the infinite feed, I want the feed to be at the same ...
- 127
0
votes
0
answers
36
views
How to use Paylaod CMS Jobs Queue
I am new to Paylaod CMS & trying to use Jobs Queue, just trying to send email every minute and testing on local machine.
Here is my payload.config.ts:
export default buildConfig({
jobs: ...
- 865
-2
votes
0
answers
16
views
Dynamic YouTube Embed with Thumbnail Fallback [closed]
How to dynamically display a YouTube embed or fallback thumbnail when embedding is disabled
1
vote
0
answers
23
views
Proper devops flow for applications requiring environment variables at build time
I'm building a simple app in Next.js and building/deploying with docker and github actions. My current pipeline looks like this for dev:
jobs:
build-server-image:
runs-on: ubuntu-latest
...
- 19
0
votes
1
answer
53
views
Prisma won't connect to the API I Created
Now that is the error when I try to save the course name the error handling message always pop up
so I checked connection of Prisma with MySQL database and it was fine.
I did npx prisma generate and ...
-1
votes
0
answers
24
views
Code Changes Not Reflected in Browser Across Multiple Projects (Next.js & PayloadCMS) [closed]
I’m stuck on a strange issue across two projects — one is a Next.js app using Zustand and Stripe, the other a Next.js app using the official PayloadCMS Stripe template. In both cases, changes to the ...
- 1
0
votes
1
answer
18
views
middleware doesn't recognize session when using server actions
after some work i found out that when using server actions to hit some route handler the session will be undefined because server actions run on the server without a request context from the browser, ...
-1
votes
2
answers
35
views
Why are cookies from a request made in Next.js Server Action not being stored in the browser?
I’m using Next.js for the frontend and Express for the backend in my project. On the client side, I’m handling the login process using a Next.js Server Action. When the login form is submitted, the ...
1
vote
1
answer
64
views
Login form gets submitted even though validation fails
It seems like my handleLogin function is not being executed. As you can see in the code, I tried several console.log and alert statements to test it, but none of the logs appear in the console, and ...
- 11
-3
votes
0
answers
40
views
How to get access to the local db file? [closed]
I built an application in NEXTJS with better-sqlite3
There is a file called list.db which is in the main folder
When I run npm run dev or npm run build on my computer
Everything works without any ...
- 1
-1
votes
0
answers
28
views
How to get a Composite MUI X Chart to display noDataOverlay with an empty dataset
I'm using a MUI composite chart using and want to display "No data to display" when given an empty dataset. But I just get a completely blank chart.
<ChartContainer
dataset=...
0
votes
0
answers
22
views
Server Actions vs. Client-Side API Calls: What's the Right Way to Submit Forms? [closed]
Does it make sense to submit a form through a server action, and then make an API call to your backend API from the server action?
Or isn't it just better to directly make the POST request to the ...
1
vote
0
answers
18
views
Dify embed page returns 404 for static resources when accessed via HTTPS reverse proxy due to missing path prefix
I used dify to develop an intelligent agent, and now it has been embedded into another project's page through the embedding function provided by dify. The project uses https to solve cross domain ...
- 11
-1
votes
0
answers
20
views
How to use unknown export syntax in cmatrix module from a Next.js app?
I want to create a matrix-background button with React and TS:
import { useRef, useEffect } from "react";
import { matrixEffect } from "cmatrix";
export const MatrixButton: React....
- 3,473