Skip to main content
98 questions
Newest Active Bountied Unanswered
Filter by
Sorted by
Tagged with
0 votes
1 answer
57 views

In our tests, we had several snapshots that included content wrapped in next/head. We had previously followed the below pattern for the mock, which allowed us to see all the header tags like meta, ...
GotDibbs's user avatar
  • 3,157
0 votes
0 answers
26 views

Other similar questions didn't solve my problem. I have a route like: export default async function PromptListPage() { const prompts: PromptListItem[] = await fetchPromptsFromDB(); return ( &...
LukasG's user avatar
  • 13
0 votes
0 answers
34 views

I'm developing an application using Next.js 15.5.0 with the App Router. My desired URL structure is: /[locale]/[workspace] (without a project) /[locale]/[workspace]/[project] (with a project) ...
Hamza Ali's user avatar
  • 21
0 votes
0 answers
15 views

I am currently using the Canary version of Next.js 15 to develop a project under the guidance of an instructor. I understand the general concept of using cacheTag to cache returned data. However, I am ...
Mohammed Tanvir's user avatar
  • 1
1 vote
0 answers
64 views

I’m developing a TypeScript library that handles authentication using Axios. The library automatically refreshes tokens (access_token and refresh_token) and needs to save them in cookies so the user ...
João Vitor's user avatar
  • 1
0 votes
1 answer
69 views

Major issues I have a Next.js application that previously ran without issues on Vercel. However, upon deploying it to AWS Amplify, I encountered a 500 Internal Server Error. Based on the CloudWatch ...
Miraj's user avatar
  • 59
0 votes
0 answers
373 views

I’m building a Next.js API route to connect with the OpenRouter Chat Completions API. For text-only messages, everything works fine. For images, sending them as image_url also works: content: [ { ...
dhruvin gabani's user avatar
  • 1
0 votes
0 answers
38 views

I'm using Next.js 15.2.1 with the App Router. I noticed that when I navigate to a page, my loading.tsx file is not triggered, and neither is React Suspense, if the page makes an _rsc request. For ...
ferwtqe's user avatar
  • 1
1 vote
0 answers
132 views

I'm getting this error in NextJS (15.3.4) randomly while in dev mode, it often occurs when navigating from one page to another, but I can't seem to reproduce consistently. It seems like an issue with ...
PedroDalla's user avatar
  • 33
0 votes
1 answer
82 views

Using Next.js (15.2.4), Clerk Auth, and trying to integrate Sanity as a CMS into the application. After installing Sanity and hitting /studio, this error appears: Error: Clerk: auth() was called, but ...
skywalkerSam's user avatar
  • 11
0 votes
0 answers
44 views

I'm working on creating a custom login and sign-up page using AWS Cognito with the SRP (Secure Remote Password) authentication flow. For handling the session, I’m using Auth.js (previously NextAuth), ...
Sundar Gopal Nag's user avatar
  • 1
1 vote
1 answer
120 views

After I recently upgraded my MUI X packages. I see the following error: MUI X: useResizeContainer - The parent DOM element of the Data Grid has an empty height. Please make sure that this element has ...
jy191927's user avatar
  • 13
0 votes
0 answers
200 views

I'm working with a Next.js 15 project using TypeScript, and I'm trying to properly configure eslint-plugin-import to work with path aliases (like @/), as well as import sorting and unresolved path ...
Edgar's user avatar
  • 7,018
0 votes
0 answers
23 views

I have a application configuration page that would save certain parameters for the site in the .env. At this point point the application needs to be rebuilt, but I dont want to have to go the server ...
Fallen Angel's user avatar
  • 21
1 vote
0 answers
53 views

In Next.js 15, when using Parallel Routes together with Intercepting Routes, is it possible to have Tab Groups inside a Modal? In my case, when the user clicks a link on the homepage (or any other ...
Ben's user avatar
  • 16.8k
0 votes
0 answers
166 views

I've been trying to setup Mock Service Worker in my NextJS 15 app (App Router) and faced problems with my client workers. Here are my files with setupWorker/setupServer: @src/shared/api/mocks/server....
Curry's user avatar
  • 33
1 vote
1 answer
165 views

Problem Description I'm trying to play an MP3 audio file in my Next.js 15 application, but the audio files in the public/audio/ directory are not being served. When I check the browser's developer ...
luxun1910's user avatar
  • 21
-3 votes
1 answer
81 views

I'm currently facing a TypeScript type error when using a dynamic API route in Next.js v15.3.3, with: TypeScript: ^5 React: ^19.0.0 When I try to compile, I receive this error: Type error: Type '{ ...
Yellow Clock's user avatar
  • 481
-1 votes
0 answers
107 views

I have a multi-container application (database, clientside, serverside and traefik). When I simply up project and expose 3000 port for clientside and access it in browser (localhost:3000) it works ...
David Voskanyan's user avatar
  • 1
0 votes
2 answers
314 views

Writing a dynamic api route for page that accepts [slug] params. export async function GET(request: NextRequest, { params }: { params: Promise<{ slug: string}> }) { const {slug} = await ...
VsiON4ALL's user avatar
  • 1
0 votes
0 answers
31 views

I'm building an ecommerce site using Next.js App Router (v13+). About 80% of my pages are static and ideally should remain static for performance and caching benefits. However, when I fetch the user ...
abdelrhman hisham's user avatar
  • 1
0 votes
0 answers
74 views

I'm building a Next.js 15.1.2 app using React 18.3.1 and I integrated i18n support with the following packages: [email protected] [email protected] [email protected] i18next-http-...
Seda Babir's user avatar
  • 1
1 vote
2 answers
168 views

I'm trying to deploy a blog written with Next.js v15.3.3 with Vercel but I keep getting the same error: Error occurred prerendering page "/post/1". Read more: https://nextjs.org/docs/...
ARMWilkinson's user avatar
  • 29
0 votes
0 answers
63 views

I'm working on a Newspaper site. In this website under [slug]/page.tsx On generateMetadata function, i'm generating and showing it properly but on facebook it's not working; Here is the function code- ...
uthsob_cb's user avatar
  • 1
0 votes
0 answers
192 views

I'm building a Turborepo monorepo with this stack: Next.js 15 Turbopack (Next.js 15 default) TailwindCSS 4 packages/ui: a shared React component library (published locally with import alias @waspos/...
SWA's user avatar
  • 19
0 votes
1 answer
25 views

I developed a Next.js (App Router) e-commerce web app with: Pages rendered via SSR (components a mix of CSR and SSR) Dynamic routes MUI used throughout (CSR and SSR) No HTTP caching Redux-Toolkit + ...
HUZAIFA IRFAN's user avatar
  • 1
1 vote
1 answer
73 views

Using Next.js 15 with app router. On a method called from a page.tsx file, how do I see the route it belongs to, or alternatively the URL requested? (I know about the middleware header hack, but that ...
gcb's user avatar
  • 14.5k
1 vote
1 answer
48 views

I'm working on a Next.js app with App Router and I'm implementing localization using i18next with dynamic JSON imports for translations. I'm running into the following error: Error: Only plain objects,...
J_Max's user avatar
  • 35
0 votes
1 answer
85 views

I am trying to clone WhatsApp's biggest issue in UI is my aligning my textbox above keyboard in mobile please help! This is how I tried to implement it, but it's not great—it's buggy and not smooth &...
Dhuruv Bansal's user avatar
  • 110
0 votes
0 answers
179 views

Problem In Next.js (version 14+), I'm working with Parallel Routes using the @ prefix and catch-all routes [...category]. My file structure is: app/ [...category]/ @view_category/ ...
unique_alex020's user avatar
  • 74
1 vote
1 answer
116 views

I'm trying to use react-awesome-reveal for animations in my Next.js 15 project, which also uses TypeScript and Material UI. I've followed the documentation carefully: Installed the necessary packages:...
Sofiane Abou Abderrahim's user avatar
  • 92
0 votes
1 answer
40 views

I have customized the fetch in a Next.js app to get the token whenever a request is made. This is the function: import { getNewAccessToken } from "./getNewAccessToken"; import { cookies } ...
Saikot Roy's user avatar
  • 1
1 vote
1 answer
2k views

Here are the details: Next.js v15.x TailwindCSS v4.x Hero UI: latest Tailwind classes work but Hero UI not showing styling at all. package.json { "dependencies": { "@heroui/...
Gazi's user avatar
  • 77
2 votes
0 answers
115 views

I'm working on a project using Next.js 15 with the App Router and dynamic routes. I've encountered an issue where JavaScript and CSS are not being split into separate chunks as expected when using ...
Max Zelianouski's user avatar
  • 21
0 votes
0 answers
60 views

Im making a Video Frame Classifier with React(frontend) and Flask(backend). For this task I made a little interface where you can move between frames. The screen showed only one frame or image in ...
Gabriel Duran's user avatar
  • 3
3 votes
1 answer
3k views

I ran into an issue with a new Next.js 15 project. I created it using and selected the option to set up Tailwind CSS 4.1.3. After the project was installed, I noticed that the file was missing. ...
Sergey F's user avatar
  • 49
0 votes
2 answers
575 views

Now i understand that this error is on server side but i just don't know how to fix this I m using Auth JS and GitHub as a provider here is the code for Navbar.tsx ```import Link from 'next/link' // ...
Mrinal Agrawal's user avatar
  • 1
0 votes
2 answers
51 views

I have this weird issue with Images - they sometimes display as expected, but more often I get only the browser placeholder instead of the image.. regardless of static vs dynamic import they all do ...
Bogdan Terzi God Given's user avatar
  • 1
0 votes
0 answers
20 views

I am new to Javascript and its frameworks. I am exploring Next.js for my complex website with SEO implications. I want to use Razorpay's Blade design System for it. I am not able to use Blade's ...
vs.thaakur's user avatar
  • 619
0 votes
1 answer
79 views

I use NextJS 15 and Auth.js / NextAuth with the App Router. I would like to protect my API route so that you can only gain access with the appropriate role. I would like to find this out from the ...
Hannes's user avatar
  • 11
0 votes
0 answers
56 views

NextJS Catch-all Segments not working on Vercel Now I'm learning to use next.js ver.15 with express it shows 404 Notfound but when I try on my pc in localhost it works fine now I don't know how to fix ...
055 Kaweewat Chaloemwong's user avatar
  • 1
1 vote
1 answer
463 views

I followed the Storyblok documentation and have the exact same files. https://www.storyblok.com/mp/announcing-react-sdk-v4-with-full-support-for-react-server-components But I still get the server ...
J-vbrc's user avatar
  • 11
0 votes
0 answers
71 views

I am building authentication with: Backend: Django (DRF) + Djoser for JWT authentication. Frontend: Next.js using Auth.js (NextAuth) for authentication. I want users to log in via Next.js, ...
JennyA's user avatar
  • 60
0 votes
3 answers
306 views

I am attempting to add parameters to the URL after navigating to the current page using router.push. However, I don't want the page to scroll to the top after the parameters are added. To prevent this,...
Giorgos Karras's user avatar
  • 13
0 votes
2 answers
264 views

I am getting this error when I call shadcnui's card component in my next js 15 application. Here are my codes ; import { Card, CardContent, CardFooter, CardHeader, CardTitle, } from "./ui/card&...
Gökhan Ekici's user avatar
  • 13
0 votes
0 answers
97 views

I am getting a hydration error in my project, but it is appearing only in the telegram. I tried to open it from Safari, chrome, and Opera in my locale and also in production. There is no error. But ...
huzo0's user avatar
  • 11
0 votes
1 answer
112 views

I'm getting a "sync-dynamic-apis" error in my Next.js App Router dynamic route component, despite following what seems like the correct pattern. The page renders correctly in the browser, ...
Lewanny 's user avatar
  • 3
4 votes
3 answers
698 views

when running NODE_ENV=developement npm run build in nextjs project, there is the following error, Error: should not be import outside of pages/_document. Read more: https://nextjs.org/docs/messages/...
fauzancodes's user avatar
  • 71
1 vote
1 answer
369 views

I am learning Progressive Web App (PWA) development in Next.js and using the @ducanh2912/next-pwa package. Setup: Next.js version: 15.0.4 PWA package: @ducanh2912/next-pwa I have configured my next....
Jason's user avatar
  • 11
1 vote
0 answers
52 views

I am new to NextJS and I was just trying things and I noticed that my dropdown component was not working as expected on the first load and I do not understand why that is happening. Basically, when I ...
The Noobest Guy's user avatar
  • 69

1
2