42,158 questions
Best practices
0
votes
3
replies
29
views
Nuxt.js pre-render data in the server for the seo purpose
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. ...
- 8,934
Advice
1
vote
0
replies
34
views
How do I make an authenticated request from my Next.js API on Supabase with RLS enabled?
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 ...
0
votes
0
answers
25
views
Next.js <Image> fails with Directus: "url" parameter is not allowed"
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 ...
- 28.7k
-6
votes
0
answers
32
views
I'm trying to understand how Turborepo integrates so efficiently with Vercel and why it is considered the recommended setup for modern monorepos [closed]
I'm building a SaaS platform using:
Next.js (App Router)
Turborepo for managing multiple apps + shared packages
Vercel for deployment
I want to understand how Turborepo handles:
Remote caching ...
3
votes
3
answers
10k
views
How to build a ProgressBar in Nextjs in the new App Router?
I've been trying to create a progress bar for project i'm working on but the ProgressBar Library from Npm seems to not work with the new App Router.
Any Ideas on how to implement this ?
0
votes
1
answer
55
views
NextJS hydration error: React children render before async i18next changeLanguage() switch completes
Introduction
Hello everyone,
I have come across an issue with the nature of how NextJS handles asynchronous functions in client components that prevents me from resolving this matter further:
I opted ...
- 79
9
votes
4
answers
9k
views
Nextjs Image Cache Invalidation
I'm using aws s3 buckets to store my assets. When any of the existed assets is changed from the front-end (eg: client changed his profile image) the backend I made will change the asset only without ...
- 25k
8
votes
6
answers
36k
views
Nextjs, Images in public folder not found on deploy, but are found locally
When I'm developing locally the images are found when I place the /public folder in /src/:
# locally
./src/public/images/
Then when I do a deploy the images are not found. But when I place the public ...
-2
votes
0
answers
32
views
What is the best way to add Monetag's ads to a NextJs app [closed]
I have a website on which i want to deploy Monetag ads. I have verified the website by adding the sw.js file in a public folder on root. Now i want to add the code of a ad zone. but as i add the code ...
1
vote
1
answer
58
views
Payload CMS: Internal links are not rendered correctly
i am trying to save my Lexical richText field to a lexicalHTMLField inside a payload CMS Block, but my links are not rendered correctly. All internal links are just shown as <a href="#"&...
- 3,027
Best practices
0
votes
0
replies
31
views
Next JS v16.0.3 TypeScript - The following required properties are missing: fb:app_id at Facebook Debugger
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 ...
- 604
6
votes
2
answers
19k
views
How to set data from a react hook inside of a function or event?
I'm trying to learn to create hooks so I can re-use data that I have to change in different components.
I'm using Material UI's Tabs and need to use useTab, a custom hook to change the tab id.
...
CommunityBot
- 1
Tooling
0
votes
1
replies
35
views
Matching compression libraries between GO and NPM
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 ...
- 125k
0
votes
1
answer
89
views
LinkedIn API requests timing out from cloud server [closed]
I'm working on a Next.js application hosted on a cloud server (Ubuntu, provider: Cyfuture), and I'm facing a timeout issue when calling the LinkedIn API.
API calls to https://api.linkedin.com/v2/...
- 162
0
votes
1
answer
63
views
Next.js App Router API Route: @ffmpeg-installer/ffmpeg throws "Module not found" and "server relative imports not implemented" error
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 ...
- 900
0
votes
0
answers
39
views
TRPC prefetching fails on protected procedure
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 ...
- 21
1
vote
1
answer
68
views
Tailwind CSS directives (@tailwind base) underlined as unknown in VS Code with Next.js project
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 ...
- 72
-4
votes
0
answers
25
views
I'm getting a Coolify/NextJS 15/ShadCN import problem [closed]
I'm getting this error from Coolify while trying to deploy a NextJS 15 app:
The files DO exist in git repo, locally (windows) so i dont understand the error. Its not a case sensitive issue, i already ...
- 81
4
votes
2
answers
5k
views
Missing tailwind.config.js in Latest Tailwind CSS and Next.js Versions - Issues Configuring Hero UI
I'm trying to configure Hero UI (or any component library) with the latest versions of Tailwind CSS and Next.js. However, I'm facing issues because there's no tailwind.config.js file in my project, ...
- 18.2k
14
votes
13
answers
29k
views
`params` should be awaited
I have a get endpoint as follows:
import { NextResponse } from 'next/server';
import connection from '@config/db';
export async function GET(req: Request, context: { params: { providerId: number } }) ...
0
votes
0
answers
47
views
I can't move from panorama image to next one inside immersive web experience
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 ...
- 760k
0
votes
2
answers
3k
views
How to embed a hubspot form inside a Next JS component?
I have been trying to embed a hubspot form inside a next js component, but no luck yet.
I tried to follow the steps here, but still couldn't figure it out yet. Where should I put the embed code ...
-2
votes
0
answers
41
views
Object literal may only specify known properties, and 'label' does not exist in type 'Node<NodeData>' [closed]
hey there everyone im new here can anybody tell me whats missing in my code its a simple reaactflow flow that can add 2 numbers the issue im getting is in the ladel i have defined everything still ...
6
votes
2
answers
9k
views
Nextjs not fetching images using image url after deploying on production server
For production deployment, we have a network of 3 linux machines. Two of those are used for deployment, and one is nginx proxy.
And for dev deployment, we have one separate linux machine.
Inside the ...
- 389
2
votes
1
answer
49
views
What's the proper way to handle canonical URLs in Next.js for multi-region international sites?
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/...
- 353