43,445 questions
1
vote
0
answers
7
views
deploying nextjs to azure, but container keeps failing
i am trying to deploy my nextjs app to azure web app, but the port 8080 cant be pinged and thus the website doesnt work.
I have tried defining the port 8080 in the azure env and in my package.json, ...
1
vote
0
answers
3
views
How to Implement a Single Unleash Client Instance in Next.js App Router
I am experiencing timeouts in my Unleash server. My Next.js app maxed out at ~150rps which is absurdly low. I suspect this is due to my app having multiple client instances.
I've implemented Unleash ...
- 11
1
vote
0
answers
4
views
Framer Motion Exit Animation Not Triggered
Why is the exit animation not working?
`'use client';
import React from 'react';
import { motion, AnimatePresence } from 'framer-motion';
export default function TransLayout({ children, ...
- 11
0
votes
0
answers
5
views
Why is "const { userId } = await auth()" returning null using Clerk on a Next.js app?
I'm encountering an issue where userId returned by Clerk's auth() helper is null, even though I'm wrapping my application with the ClerkProvider. Below are the details of my setup and code:
Docs: ...
- 1
1
vote
0
answers
5
views
my window.datalayer is populated with events data, but I see nothing on my google analytics dashboard
I'm using next15 + @next/third-party-libraries for google analytics I correctly set the google Analytics provider
import { GoogleAnalytics } from '@next/third-parties/google'
export default function ...
- 11
1
vote
0
answers
2
views
Hydration Fail NextJS 15 and Styled Components
I keep getting the hydration failed error when using NextJS v15 and StyledComponents (see image attached).
Here is the repo if anyone wants to check :
https://github.com/mr-greg/portfolio-v2
I have ...
- 11
1
vote
0
answers
6
views
FFmpeg/Next.js15 How to serve converted MKV stream to MP4 stream
I am trying to serve a video stream using Next.js 15, and using FFmpeg to convert the video stream from MKV to MP4 so it can display on a majority of web browsers. I seem to be able to convert it ...
- 11
0
votes
1
answer
13
views
NextJS - What is the recommended way to fetch data upon interaction?
Given that:
It is not recommended to fetch data on the client.
Server actions should not be used for data fetching, only mutations (create/update/delete).
What technique should I use to fetch data ...
- 142
1
vote
0
answers
5
views
Error in Next.js Prisma e-commerse store. [ Server ] Error: Invalid `prisma.category.findMany()` invocation:
This is fullstack pizza e-store.I've complited 30% or more of it. But with error i cant complete it.
GITHUB
https://github.com/nikitodeon/NextPizza-ErrorProject.git
ERROR on localhost:3000 :
[ Server ]...
- 11
1
vote
0
answers
4
views
Material-UI Select with TextField Search Not Working Properly
'use client';
import axios from 'axios';
import React, { useEffect, useState } from 'react';
import Box from '@mui/material/Box';
import InputLabel from '@mui/material/InputLabel';
import MenuItem ...
- 11
1
vote
0
answers
6
views
theme not applying for my component in next.js application
I am doing an app in next.js. The landing page of the app is in LandingContent.tsx and the theme is not applying for this component but rest of the content inside.
I applied theme for every basic ...
- 11
0
votes
0
answers
8
views
Issue with fetch in Next.js middleware: [TypeError: fetch failed] with cause [Error: AggregateError] when calling localhost:3333
I'm encountering an issue when making a fetch request inside a middleware in my Next.js application. When I try to fetch data from localhost:3333, I get the following error: [TypeError: fetch failed] {...
- 1
-1
votes
0
answers
24
views
How to put three dots between page numbers in nextjs pagination?
In windows 10, I'm using vscode 1.88.0, nextjs 13.5.6
Consider - 1 :
const [clickPaginationNumber, setClickPaginationNumber] = useState(0);
const [Posts, setPosts] = useState([-1]);
const [...
0
votes
0
answers
29
views
TypeError: client.query is not a function
Hi I was trying to do a next js project and i got this error while trying to connect database.
I am using neon database.
app/provider.js
"use client";
import React, { useEffect } from "...
- 17
0
votes
0
answers
12
views
How can I embed an Express session into a Next.js application using NextAuth for authentication?
I have a Next.js frontend and an Express backend. My backend handles user authentication, and I use a JWT token for authentication and store it in the Express session. I want to connect this flow with ...
- 1