43,377
questions
0
votes
0
answers
5
views
Error 'cannot find prettier-plugin-tailwindcss' when trying to run ESLINT with a custom package
I would like to run ESLINT and a custom ESLINT package that's on this link
However I have this error in my output:
[Info - 9:42:21 AM] ESLint server is running.
[Info - 9:42:25 AM] ESLint library ...
0
votes
0
answers
6
views
Next.js 15 Client and Server Side Validation With Mantine Form and Server Actions
I am using Mantine form for my UI and client side validation: https://mantine.dev/form/validation/
Here is an example of using it:
import { useForm } from '@mantine/form';
import { NumberInput, ...
- 594
0
votes
0
answers
5
views
Error: (0 , _lib_EnvProvider__WEBPACK_IMPORTED_MODULE_2__.useEnv) is not a function
For some reason, useEnv is not a function, however is, and should be a function. Any ideas into fixing this?
page.tsx
import React from 'react'
import { useEnv } from '@/lib/EnvProvider'
const Main =...
- 1
0
votes
0
answers
12
views
Is it possible to both redirect and rewrite URLs in Next JS?
I have 2 domains configured on vercel. I want the following url www.secondary-domain.com to show the contents of www.primary-domain.com/about. I also want www.primary-domain.com/about to redirect to ...
- 215
0
votes
0
answers
12
views
react-hook-form with server action: form gets emptied after submit
I'm using Next.js, form actions and react-hook-form to set up a simple form that gets submitted to the server (with a react server action). I can see the form data being received on the server. ...
- 5,722
0
votes
1
answer
15
views
Switching to node 18.18.0 using NVM, but Next complain on using different version of node (20.3.1) when starting new project
as the title mentioned, I am currently using node 18.18.0 for compatibility with next.js dependencies, i uninstalled every node version possible, and only kept one, yet on starting a new next project ...
- 794
0
votes
0
answers
10
views
JWT session token expiration changing with Google Provider
I have successfully setup authjs with my Google Provider.
Everything works fine, except for the session maxAge.
I want the session to not last longer than 10 minutes.
For testing purposes I set it to ...
- 1,492
-1
votes
0
answers
11
views
Is It Acceptable to Use a Cleanup Function in useEffect for State Restoration Despite Development Mode Issues?
I am trying to add saved filters to state as I navigate away from this page.
Due to React's Strict Mode, the component mounts, unmounts, and remounts immediately. This causes the cleanup function to ...
- 125
0
votes
0
answers
28
views
NextJS builds locally but gives error when run Docker
I have 2 apps written in NextJS, both with the same configs and Dockerfile except for ports, and the first one is being built successfully both locally and in Docker, the second one is giving me this ...
0
votes
0
answers
9
views
How to render a page only through a 3D mesh using threejs
I'm trying to achieve an effect where you could see the content of a page only through a 3D object. But I have no idea where to start, what should I search to do this effect.
My first idea would be to ...
- 368
0
votes
0
answers
12
views
Cookie http-only is not stored on browswer when it's received as a set-cookie header from the backend (Backend: Symfony, Frontend: NextJS)
I have two projects, both of them using Docker in local environment: frontend is https://domain.test:3000 and backend is https://domain.test(:443)
Backend has an API made with ApiPlatform, Lexik JWT ...
- 17
0
votes
0
answers
6
views
OneTrust Cookie Settings Link Scrolling Page To Top
In a NextJS app(v13.5), clicking the OneTrust Cookie settings link in the footer triggers the page to scroll to the top when the modal popup appears. After closing the modal, the page scrolls back ...
- 1
-1
votes
0
answers
14
views
can I disable specific Tailwind CSS breakpoints? [closed]
I'm working on a Next.js project using Tailwind CSS. I want to check a condition in my layout, and if the condition is true, I need to disable the specified breakpoint classes for certain elements. ...
- 1
0
votes
0
answers
9
views
How to implement complex form and table in React @netxjs/latest and shadcn/ui
I am trying to port to React/nextjs@latest + shadcn/ui an old php app.
This app allows students to enroll into assembly activities which take place at certain days and hours.
Each day and hour is a ...
0
votes
0
answers
7
views
Error: Write token not found in Sanity write-client configuration (Next.js project)
✓ Starting...
⚠ Configuration with next.config.ts is currently an experimental feature, use with caution.
○ Compiling /instrumentation ...
✓ Compiled /instrumentation in 3.7s (865 modules)
✓ Ready ...
- 1
0
votes
2
answers
16
views
Next.js 15 dynamic routing fails for nested routes, like [endpoint]/[entry]
I add a dynamic route as following images illustrates
The page.tsx in [endpoint] folder is
type Props = {
params: Promise<{ endpoint: string}>
}
const page = async ({params}: Props) => {
...
- 19
0
votes
1
answer
15
views
next js persist server side variable after Link navigation
I got a NextJS app that needs to meet a very specific scenario. Few pages of the app will be rendered inside a React Native Web View and I need to hide certain components when it is done (header and ...
- 109
0
votes
1
answer
22
views
"Next.js Production Build Error: '.next' Directory Not Found"
Error: Could not find a production build in the '.next' directory. Try building your app with 'next build' before starting the production server. https://nextjs.org/docs/messages/production-start-no-...
- 1
0
votes
0
answers
15
views
NextJS migrate from App Router 14 to 15. Property 'params' is missing in type 'Context' but required in type 'RouteContext'
I have just migrated from NextJS 14 to 15 using the app router method. On Windows.
I am having an issue with one of my static routes. It is not dynamic route, but is gettings errors as if it was.
...
-3
votes
0
answers
13
views
Questions about "Adding Authentication" in the official tutorial? [closed]
Description of the problem: After clicking the login button, the page jumps to the dashboard page, but the routing address does not change. Click the exit button and nothing happens.
enter image ...
1
vote
0
answers
18
views
Setting up Keycloak using keycloak-js on nextjs app - context values not updating
i'm trying to set up keycloak on my next-js app using keycloak-js, It needs to be setup in a way where it is able to do something like the screenshot attachedkeycloak required structure
So the journey ...
0
votes
0
answers
10
views
Next.js Form with Server Actions: Reset File Input and Preview State on Validation Error
I'm developing a Next.js 15 web application where I've implemented a form using server actions to handle data submission. The form is modularized into multiple components based on functionality, ...
-1
votes
0
answers
18
views
Failure running lifecycle hook for package '[email protected]'
Trying to set up jest for a nextjs, bazel, pnpm project, I am presently facing this issue for lifecycle hook for package '[email protected]':
Failure while running lifecycle hook for package '[email protected]....
- 21
0
votes
0
answers
7
views
Next.js build error: Unsupported node type "ConditionalExpression" at "revalidate"
I'm encountering an error when running npm run build in my Next.js project:
⨯ Next.js can't recognize the exported `config` field in route "/dashboard/page":
Unsupported node type "...
-1
votes
0
answers
16
views
Smart Slider disponivel via REST API do Wordpress [closed]
Estou com um projeto de usar o Wordpress Headless com NextJS 14.
Tentei implementar o Smart Slider como gestor de banner na home, mas estou com dificuldade de disponibilizar ele na REST API do ...
- 1
0
votes
0
answers
11
views
Prisma schema with Supabase database - I want to have only necessary models in schema
So, i am creating a nextjs app using Prisma ORM and Supabase PostgreSQL database with SupabaseAuth. I have a question about prisma schema. Ive been fighting with chatgpt with this issue but it just ...
- 11
0
votes
3
answers
30
views
Tailwind styles not applied in Netxjs project
I am working with Tailwind CSS in a Nextjs project. I have tried a simple heading but styles are not being applied.
Here is my full code on GitHub: https://github.com/mennaElbadry70/...
-1
votes
0
answers
29
views
Can't connect to EC2 Ubuntu instance from Next.js (JavaScript) via SSH
I'm trying to establish an SSH connection from my Next.js application to an AWS EC2 instance, but I'm encountering authentication failures. Here's my setup:
Next.js application (JavaScript)
AWS EC2 ...
- 11
0
votes
0
answers
11
views
Next.js Parallel Routes with WebPack
I am using parallel routes in my Next.js application. I have a dashboard, which consists of header and content, thus the directory structure:
Dashboard
@header
loading.tsx
page.tsx
@content
...
- 4,123
2
votes
0
answers
17
views
Next.js Parallel Route and Intercepting Route compiled on dev mode, but not working on production build
We are working on a Next.js 14 project with the following routes:
Our App router
app/[lang]/(frontend)/...
app/[lang]/(admin)/admin/...
app/[lang]/(auth)/auth/...
app/[lang]/layout.tsx contains:
<...
- 4,752
1
vote
0
answers
20
views
Generating Signed URL for Replit Object Storage Bucket using GCS client libraries
I'm using replit object storage, which is a wrapper of GCS(google cloud storage). Replit does provide a library to upload and download objects, but that library isn't very flexible. Replit handles ...
- 11
0
votes
1
answer
27
views
Problem with Infinite scroll and remembering the last position
as you can see in Pinterest or other websites, when you scroll for 2 or 3 pages and you decide to click on a image or product, you will be navigated to another page, then when you press the back ...
0
votes
1
answer
11
views
Having some issue when importing some components to page.tsx (Next.JS)
Im quite new at NextJS and I have a problem when I want to import my components which giving me a message that says "Cannot find module '@/Components/NavBar' or its corresponding type ...
0
votes
0
answers
20
views
Google React Picker with nextjs
I'm trying to open Google Picker automatically in some conditions, but now it always fails. I'm not sure I understand why. Ideally, when the page ends the loading, Google Picker should open when ...
- 67
-1
votes
0
answers
27
views
Handling server answer with a form (Next.JS/React)
I am working on a Next.JS app and I need a bit of help.
To make a very simple login system, I have the React component hereafter :
.....
const Login = () => {
return(
<form className=&...
- 11.6k
-2
votes
1
answer
36
views
Why I am getting Slow File System detected error in my Next Js 15 project?
I was developing a website in Next Js 15 using pnpm on my old PC running Linux Mint. While starting the development server using pnpm dev, I get this warning:
Slow filesystem detected. If /home/user/...
- 17
0
votes
0
answers
25
views
Next.js build error: No QueryClient set, use QueryClientProvider to set one
I was building a simple 2-3 pages next.js. It's working fine on the dev mode next dev but continuously erroring in build.
I already tried to use @tanstack/react-query as per SO #65590195
The project ...
- 1,964
0
votes
1
answer
45
views
How can I change the default "Upload file" button to a custom component in upload care?
How can I change the default "Upload file" button to a custom component in upload care?
import { FileUploaderRegular } from '@uploadcare/react-uploader/next'
<FileUploaderRegular
...
- 3,368
0
votes
0
answers
22
views
Why modal returns always the first items of list?
i have a list of transaction, displayed on browser. i have to to add confirmation button when the user click on delete button, but whetever button i click, it returns the id of the first element ...
- 251
0
votes
0
answers
12
views
How to Handle Token Refresh in Next.js using SSR?
I'm working on a Next.js project where I need to handle authentication token refresh automatically when the access token expires. I’m using axios with an interceptor to add cookies to outgoing ...
- 3
0
votes
1
answer
23
views
How to Suppress MISSING_MESSAGE Errors in next-intl in Next.js App?
I'm developing a Next.js app using the next-intl package for locale handling, and I am loading the locale messages from an external server. Most of the messages do not exist in my local development ...
- 10k
0
votes
0
answers
15
views
React js With Vite not able to setup device on twilio voice
I am trying to create an app where user can dial a number using twilio sdk.
I have installed the SDK, and then have set up the device using the token.
The device is getting initiazed. BUt it should ...
- 137
0
votes
0
answers
19
views
Next.js MDX Integration: Uncaught Error - Element Type is Invalid
I am working on a Next.js application where I am trying to fetch content from a database, parse it into MDX format, and render it on a page. However, I am consistently encountering errors, and it's ...
- 52
0
votes
0
answers
9
views
control next version when turbo repo installs it
When I try to create a turbo monorepo I get Next 15 and React 19 (and their dependencies)
pnpm dlx create-turbo@latest
Ant Design is not compatible with the latest React. So, I want to force turbo to ...
- 379
0
votes
0
answers
70
views
+50
vercel nextjs app google no indexed all pages
I built an app using nextjs , but alraedy one month past, all pages no indexed by google.I tried add sitemap and robots.txt, now they can crawl but can not indexed by google.
most of pages issue is ...
- 321
0
votes
1
answer
32
views
Type "NextApiRequest" is not a valid type for the function's first argument
I am trying to setup Steam Authentication via Next-Auth and next-auth-steam. I am getting this error when I try to build/deploy. For further information, the Steam Authentication does work perfectly ...
- 1
0
votes
0
answers
27
views
The input field is automatically suggesting numbers, even though I have set autocomplete="off"
When i am open login screen, email input field automatiocally fillup with mobile number autofill in my Next.js project
see the image and see number autofill in email field, while login/signup.
as you ...
- 121
0
votes
0
answers
17
views
JWT token not being sent in production (Django REST Framework & Next.js 14)
I'm facing an issue where JWT tokens are not being sent from the client to the server in my production environment. The project consists of a Django REST Framework backend and a Next.js frontend. ...
- 253
1
vote
0
answers
10
views
Can't modify storage LiveObject while using liveblocks
I am trying to implement a storage LiveObject, when I try to modify it using set method, inside useMutation hook, it gives error "TypeError: thisCentralCard.set is not a function" :
Below ...
- 29
0
votes
1
answer
29
views
Next.js Image Component is not optimizing in Vercel production/server
Replication Repo: https://github.com/Dince-afk/reproduction-app
I use Next.js v15 app router and a minimal setup.
import Image from "next/image";
import exampleImage from "@/app/3.jpeg&...
- 222