Skip to main content
42,166 questions
Newest Active Bountied Unanswered
Filter by
Sorted by
Tagged with
0 votes
0 answers
15 views

Correctly Deploying Next.js App to EC2 Using CodeBuild + CodeDeploy (Missing next at Runtime) What I think is happening CodeBuild successfully runs npm install and npm run build. The generated ...
Abhay Rathore's user avatar
  • 1
-4 votes
0 answers
27 views

Pergunta Estou recebendo o seguinte erro ao iniciar meu projeto Next.js: Hydration failed because the initial UI does not match what was rendered on the server. Unexpected attribute: cz-shortcut-...
Gabriel Ribeiro's user avatar
  • 1
0 votes
1 answer
19 views

We are self-hosting the NextJS app with an Nginx proxy. The streaming functionality allows for the suspense states to show up while the page is loading. I am aware this is available by default if the ...
Azam M's user avatar
  • 110
-5 votes
0 answers
39 views

in package.json in next js: "devDependencies": { "@tailwindcss/postcss": "^4", "@types/node": "^20", "@types/react": "^19&...
DPM's user avatar
  • 1
0 votes
1 answer
53 views

I'm currently working on my first NextJS app after a long hiatus. The first thing I'm working on is a small app that's powered by Firebase. After reading some documentation on Context and then ...
MisutoWolf's user avatar
  • 1,273
Best practices
0 votes
2 replies
77 views

I’m building an e-commerce type website in Next.js where there are multiple sections of stores. Each store card has a heart icon to mark it as a favourite. The same store can appear in: multiple ...
Ali Sadain Tanvir's user avatar
  • 33
-1 votes
1 answer
29 views

I’m working on a telco project that will be deployed across eight different regions. Each region will have: Different color branding Possibly some UI component variations However, all API ...
khubaib's user avatar
  • 1
0 votes
0 answers
25 views

After upgrading to next js 16, i'm getting the following error when i run pnpm build. But it is working find when using webpack. The error: > pnpm build ▲ Next.js 16.0.3 (Turbopack) - ...
Govind P Venu's user avatar
  • 1
-1 votes
0 answers
36 views

I have created a Next.js (TypeScript) application, called "vkdgen". Afterwards, I've created and published a small component library for my project called "vkdFramework4NextJS". ...
Janosch's user avatar
  • 92
1 vote
0 answers
55 views

I have a Next.js application with Better Auth setup. I can sign up and log in fine using email and password. I implemented OAuth sign in with Google, but that only worked once or twice. If I somehow ...
donpro2009's user avatar
  • 11
-1 votes
0 answers
49 views

I have set up my tRPC backend as per the docs which I'll paste in below. My issue is using it with @tanstack/react-query works perfect for 90% of my use cases but I can't physically call my backend ...
frost2709's user avatar
  • 401
1 vote
0 answers
41 views

I'm using the entry file at the root of my app as a data layer, for redirects depending on session, which I'm retrieving using getServerSession. If at a point no session exists, user should be ...
Peter Muguro's user avatar
  • 1
0 votes
2 answers
55 views

I'm trying to implement dark mode in my Next.js app using TailwindCSS. However, TailwindCSS's dark: classes are not being applied, even when the .dark class is present on the <html> tag. global....
Abhinav Shinde's user avatar
  • 1
0 votes
1 answer
58 views

I know it's an unconventional pairing, but I am using Next.js and the Laravel stack for my app. namespace App\Models; use Illuminate\Database\Eloquent\Factories\HasFactory; use Illuminate\Database\...
Felicity's user avatar
  • 167
-1 votes
0 answers
38 views

I need to work with a local package with my next.JS project. To avoid publishing on npm every time : - On the next.js project: npm i ../test-sample-api. I can now see on my package.json the line : &...
Sha's user avatar
  • 49
Advice
1 vote
1 replies
50 views

In my case, I only want authenticated users to perform a SELECT query on my database, so I set up my RLS Policy for this scenario. This is where I am hitting an issue. With RLS enabled, I need to let ...
Boon Jefferson Brigoli's user avatar
  • 3
Best practices
1 vote
3 replies
109 views

We currently have a NestJS API using Prisma ORM. The API is used by multiple Next.js applications in different repos. To help with type safety across the various repos, we have a common "types&...
totallyquiche's user avatar
  • 37
-3 votes
0 answers
38 views

I’m learning the basics of web development and recently got into different types of rendering (CSR, SSR, SSG, etc.). Server-side Rendering (SSR) Client-side Rendering( CSR Static Site Generation (SSG)...
user29407477's user avatar
  • 1
Best practices
0 votes
3 replies
38 views

We have a nuxt.js project which is an ecommerce site. We load the products page with first 100 products as SSR. after that we load other products as we needed from the client side using an API call. ...
margherita pizza's user avatar
  • 7,297
Tooling
0 votes
2 replies
47 views

I work on a NextJS project with Pages Router. We are using Jest for unit tests and Playwright for E2E. The application we are making is a funnel with several steps. Each step is a form with several ...
vtomic85's user avatar
  • 623
0 votes
0 answers
29 views

I am using Tabulator in a React (Next.js) application to build a spreadsheet-like data entry grid. Until recently, the layout was perfect: compact cells, tight borders, correct alignment. After a ...
Harshada Kale's user avatar
  • 9
Best practices
0 votes
0 replies
34 views

I am trying to develop an app using Next JS v16.0.3 App router TypeScript . Except facebook debugger id that called fb:app_id, all other meta tags are working good. At inspect element it shows as ...
Mushfiqur Rahman's user avatar
  • 614
-1 votes
0 answers
48 views

I'm using Next.js (App Router) and I'm getting a 404 error when calling my API route from a client component. I restarted the server, verified the folder names, and even tried hitting the URL directly,...
Kavya Vaishnav's user avatar
  • 1
Tooling
0 votes
1 replies
49 views

For context: I have 2 projects of next.js and go respectively, previously I had a logic to compress some data in next.js backend (getServerSideProps) then send this data to next.js client side and ...
Hmmmmm's user avatar
  • 330
1 vote
1 answer
69 views

I want to pass the data from the NextJS middleware to the client component. I am using NextJS for the frontend, and an Express API for the backend. I could do it with X-Headers but what I want to send ...
GlicyDev's user avatar
  • 13
0 votes
2 answers
136 views

I'm stuck with a weird ScrollTrigger issue in my Next.js app and could really use some help. What's happening I have a section on my homepage that uses GSAP ScrollTrigger to pin and animate when you ...
Zain Mateen's user avatar
  • 9
0 votes
0 answers
48 views

I was working on a nextjs monorepo using trpc as backend I am integrating SSE with normal trpc methods, I implemented auth using better auth and it works very smoothly, but when I try to prefetch on ...
Ritesh Kumar's user avatar
  • 21
0 votes
1 answer
58 views

I’m trying to generate dynamic metadata using the built-in Next.js method generateMetadata. On localhost, it works: it fetches the title, reads the related article, and generates the metadata in the &...
user25502815's user avatar
  • 1
0 votes
1 answer
41 views

I’m using Next.js 16.0.1 and loading images from a Directus /assets/<id> endpoint. The Directus asset URL works fine in the browser: https://<directus-domain>/assets/<id> But when ...
Ronak Koladiya's user avatar
  • 1
0 votes
3 answers
81 views

import {Suspense} from "react" type Props = { params: Promise<{joblistingId: string }> } export default function JoblistingPage(props: Props) { return ( <...
Ujjawal Bindal's user avatar
  • 11
1 vote
1 answer
87 views

I'm working on a Next.js 16 project and trying to set up Tailwind CSS v4. I installed Tailwind via npm: npm install -D tailwindcss postcss autoprefixer I also created the following config files ...
trabelsi wejden's user avatar
  • 11
-4 votes
1 answer
59 views

I connected my domain to a Zoho mail account. Then I was trying to fill in the account data in my env file to use Nodemailer contact form in Next.js application. Before that all the contact form ...
Simon Wyns's user avatar
  • 13
1 vote
1 answer
46 views

I am using Next.js 15.5.4, React 19.1.0, and the package react-quill-new 3.6.0 for a blog editor. The editor works fine, the toolbar works fine, and all formatting options are working. But now I want ...
Rishav Kumar's user avatar
  • 45
0 votes
0 answers
51 views

Inside the VR mode, I can move from image to another I use my own fetching API. I tried to move to the next panorama, but it is not moving inside the scene. I was trying multiple solutions, nothing ...
Asma Aljuwaei's user avatar
  • 1
0 votes
1 answer
65 views

I'm trying to convert a WebM video file to MP4 using fluent-ffmpeg and @ffmpeg-installer/ffmpeg in a Next.js 14 API route (using the App Router). The same code worked perfectly in a standalone Node.js ...
codernoob8's user avatar
  • 900
2 votes
1 answer
73 views

I'm building an e-commerce site with Next.js 14 that supports multiple regions and languages, and I'm struggling with canonical URL implementation. Here's my situation: We have URLs like /en/us/...
Mina Golzari Dalir's user avatar
  • 87
0 votes
1 answer
49 views

I’m using a Turborepo monorepo with a Next.js 15 App Router project (apps/web) and a shared packages/types package that contains my NextAuth module augmentation. However, TypeScript still gives this ...
total_idiot's user avatar
  • 13
-3 votes
0 answers
29 views

Stack Next.js 14.2.2 EC2 (Mumbai, ap-south-1) Nginx reverse proxy Cloudflare CDN (recently added, but issue existed even before) The Issue After deploying to production, our Next.js app works ...
user31876048's user avatar
  • 1
0 votes
0 answers
14 views

My Next.js app deploys successfully in preview and builds fine locally using a .env. However, the Vercel production deploy (triggered via GitLab CI) fails with multiple FetchError: request to https://...
Sayuri Ujjainkar's user avatar
  • 1
-1 votes
1 answer
91 views

I'm trying to have Vitest + Storybook setup and the following is my vitest.config.ts: import path from "path"; import { fileURLToPath } from "node:url"; import { defineConfig } ...
VariantAbdulaziz's user avatar
  • 9
1 vote
1 answer
69 views

In my Next.js app, I'm trying to generate the robots.txt file dynamically. However, when I access http://localhost:3000/robots.txt, it redirects to the "Not Found" page. If I change the next....
Lalinda's user avatar
  • 23
1 vote
0 answers
68 views

I'm trying to set up Google authentication in Strapi v5 using the Users & Permissions plugin, with a Next.js frontend. The problem happens right after I accept the Google login. Instead of ...
Duty First's user avatar
  • 1
0 votes
1 answer
76 views

I’m using AWS Cognito with Google as an Identity Provider in a Next.js app. I am using AWS managed login as well. Sign-in works correctly, tokens are received, and the user session persists. However, ...
codernoob8's user avatar
  • 900
0 votes
1 answer
50 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
1 answer
53 views

enter image description here Each dependency is properly installed . The error is specific to the line : const result = await summarizer.run( `Summarize the following text: ${event.data.value}`...
SemiCile's user avatar
  • 1
-1 votes
0 answers
41 views

I'm deploying a Next.js 14 app on Google Cloud Run, protected by IAP (Identity-Aware Proxy) and fronted by a Load Balancer. Everything works fine when the user is logged in with a Google account. ...
Aolera's user avatar
  • 77
0 votes
1 answer
44 views

I have having issues in vercel and render deployment, but i have checked all instances but not happening i have check other answers also but it is not working. Are there any things which I can do for ...
Krishal's user avatar
  • 1
0 votes
1 answer
610 views

I worked on my other system it works but when i installed the latest npm==10.9.3 and node==25.1.0, and next==15.3.3 it will pop out the following error and cannot render any web page. ⨯ [TypeError: ...
Chi-Yuan Li's user avatar
  • 55
1 vote
1 answer
48 views

So I'm trying to build my Next.js project, which, for context, was being deployed without a problem, up until my main branch. When I then tried to implement mdx, with rehype and shiki, and tried to ...
Santiago Uribe Gil's user avatar
  • 47
Advice
0 votes
0 replies
48 views

I'm building an HR Management System using: Backend: Laravel Frontend: Next.js Authentication(SPA): Laravel Breeze (already set up for backend) I'm a beginner in Next.js, and I’m a bit stuck on how ...
Shashi Kelum's user avatar
  • 11

1
2 3 4 5
…
844