469 questions
-1
votes
1
answer
25
views
Tailwind CSS classes not applying in Next.js 14 App Router project
I am using a Next.js 14 project with the App Router (/app/layout.tsx) structure.
I installed Tailwind CSS correctly using the latest packages:
npm install -D tailwindcss postcss autoprefixer
npx ...
0
votes
0
answers
46
views
Selected value in input disappears after hydration when using client component
I'm new to Next.js and I'm building a car listing site with Next.js (App Router) and using 'use client' components for a custom <Autocomplete> and <NativeSelect> component. These ...
- 162
0
votes
0
answers
47
views
Next.js remote image domains work locally but not in production (EC2 deployment)
I'm working on a Next.js app where I need to load external images using the Next.js component. I’ve added the following to my next.config.js (or next.config.mjs):
Nextjs Version - 14.2.13,
Nodejs ...
0
votes
0
answers
37
views
adding TIF file to maplibre gl
I want to add a tiff file that I downloaded from NASA's website to the map, but when I zoom in on the map, the elevations are not displayed correctly and it appear "spiky". The elevation ...
- 29
0
votes
0
answers
63
views
I need to know the right way of handling my nextjs authentication with a separate backend jwts
I'm a Fullstack developer but I'm new to Nextjs and I've been stuck in the authentication part for 1 week or more I have a problem in setting up a proper authentication in nextjs with my separate ...
- 11
0
votes
1
answer
50
views
Tailwind CSS not working with downgraded NextJS
I had a perfectly running Next 14.2.3 project which I had to downgrade to 14.1.4 due to an issue with agora-rtm-sdk. But after downgrading all my CSS has sort of vanished. How can I fix this?
This is ...
- 332
0
votes
0
answers
16
views
404 Page not Displaying in Localized Next.js 14 App
I have a localized Next.js 14 app. I followed the setup described in the Nextjs i18n docs, and I have my root layout within an /app/[lang] directory. When I add a 404 page to this directory (/app/[...
- 323
0
votes
2
answers
45
views
How to use dynamic routes on static NextJs app
I need the /out folder from NextJs to be able to deploy it.
The issue is that I have used dynamic routes witch aperantlly are SSR and I am trying to make them CSR.
Right now I have app/(pages)/...
- 404
1
vote
1
answer
38
views
In this example, am I using NextJS's extension to WebAPI's fetch or the standard WebAPI fetch?
In this example, am I using NextJS's (14.2.24) server-side extension to WebAPI's fetch or the standard WebAPI fetch, specifically relating to the use of the cache property? Am I referring to NextJS's ...
- 301
0
votes
0
answers
21
views
Next.js 14 – How to Force Initial Viewport to 100% to Fix Scaling Issues?
I'm facing an issue with Next.js 14 where my layout breaks on laptops and other devices that have Windows display scaling enabled by default. Some UI elements get misaligned, and the overall layout ...
1
vote
0
answers
68
views
How do I refresh the related UI after passing data into a server component in Next.js 15 (without full page refresh)?
Problem:
I'm working with Next.js 15 and trying to update a server component's UI after a client component triggers a server action.
Here's the simplified setup:
Client Component
'use client';
import ...
- 53
0
votes
0
answers
70
views
Next.js 14 build error: Issues with setImmediate, MessageChannel, and invalid export types in API routes
I'm building a web application with Next.js 14 and React, which includes an upload system that integrates with Replicate's APIs to allow users to create custom AI tools. However, I'm running into a ...
1
vote
2
answers
68
views
NextJs Displaying an image from public folder does not work
I have a simple image in public folder:
public\large_logo.png
I keep trying to display it but it does not show up:
<Image
src="/large_logo.png"
alt="Logo"
...
- 777
0
votes
2
answers
238
views
How to handle colors in Next.js 14 with Tailwind CSS?
I am developing a product application using Next.js 14 and Shadcn with Tailwind CSS. I want to know the best approach to handling colors in my project. Since this is a product, I want to ensure that ...
- 23
0
votes
0
answers
13
views
Different page extensions for app router and pages router
Is there a way to have different page extensions for app router and pages router such that files ending with .page.tsx will load on pages router but files ending with .tsx will load on app router
- 550