Questions tagged [next.js13]
Next.js 13 is a version of the Next.js JavaScript web development framework released on October 26, 2022 and includes support for layouts, React Server Components, streaming, data fetching, and Turbopack, a new Rust-based successor to Webpack. Use this tag only for questions specific to Next.js 13 and its features. For generic Next.js programming questions, the [next.js] tag should be used.
next.js13
3,537
questions
0
votes
0
answers
14
views
Next JS Links sending users to wrong page on Firebase Hosting
Background: I am using NextJS hosted on Firebase hosting. My pages all have a Navbar component with an "Account" button. The button is a NextJS Link with href="/account".
When ...
-1
votes
0
answers
11
views
How to enable react client side routing with nextjs static export SPA?
I have built a single-page app using Nextjs and it is exported as a simple static page which means no server-side rendering or Node.js backend, so everything runs on the client side as soon as the ...
0
votes
0
answers
8
views
NextJs Build/Deployed Navigation Failing
I made a static website using Next.js, and while my routing is working fine locally, it's not working once I've deployed it on BlueHost. I added a .htaccess file in my public directory with the ...
0
votes
0
answers
5
views
Issue with libsql client in Next.js with correct environment variables
I'm currently facing an issue with integrating the libsql client into my Next.js application. Here's a simplified snippet of how I'm attempting to create the libsql client:
console.log(process.env....
0
votes
1
answer
37
views
window is not defined in NEXTJS 14 Build
I am trying to create a build of my nextjs project but it keeps on failing and showing the below error where as it works perfectly during development. I haven't used the 'window.' in my whole project ...
0
votes
0
answers
16
views
Next.js server actions for endpoints which aren't invoked from the client side?
With Next.js 13/14 server actions where introduced, which makes some endpoint declarations in pages/api/ obsolete.
What I'm not sure about: many of my endpoints are there for callbacks, e.g. in the ...
0
votes
3
answers
35
views
How to migrate to the app directory in Next Js
I have been following a tutorial which uses the /pages directory, however, the newer versions of NextJS are using the /app directory. How to adapt the following pages into the new behavior.
/pages/...
0
votes
0
answers
40
views
Error Accessing Secrets from Secrets Manager via Amplify: [CredentialsProviderError]: Could not load credentials from any providers
I have a NextJS 14.2.4 app deployed via the Amplify Console (Gen 2). I am not using Amplify CLI. I created the app with create-next-app. I am leveraging Simple Email Service to send an email with info ...
0
votes
0
answers
20
views
How to Use TipTap <EditorProvider /> with <EditorContent />?
Background
I'm using React, Next.js, and TipTap as part of a project. I have been using TipTap with useEditor initially, but to allow more flexibility and prevent the need to pass the editor to every ...
0
votes
0
answers
18
views
"This function has crashed" - Netlify
I am getting this error after successful build on Netlify -
Here is my functions log -
Jul 4, 04:29:02 PM: 2024-07-04T10:59:02.459Z undefined ERROR Uncaught Exception {"errorType":&...
0
votes
0
answers
29
views
Next.js: How to Prevent Cached Downloads of Updated Files?
I'm working on a Next.js app where users download a license file. After replacing the file on the server, users still download the old version. I suspect caching issues.
Here's the code generating the ...
0
votes
0
answers
24
views
FB Pixel: Problem with IP address in production mode
I'm currently setting up the FB Pixel for the first time (next.js). In development mode everything is working as expected and correctly.
My problem is production mode: I found out that the user ip ...
0
votes
0
answers
15
views
Next js 14 with nx SSR/CSR issue
I am using Next.js 14 with an NX workspace to build a client-side application. In my app, I'm utilizing an authService from NX shared libs. However, I encounter an error related to SSR rendering, even ...
1
vote
0
answers
18
views
How to pre-load heavy scss layout styling in app router (Next.js 13-14)?
In my Next.js 14 app router project, I have to do some useEffect (client) works in my layout.
Because new layout.tsx is server side rendered, I created a RootLayout.tsx component and added "use ...
0
votes
0
answers
17
views
Error occurring when fetching data in server component from Vercel-hosted FastAPI
I'm hosting a FastAPI backend server like this Vercel Template: https://vercel.com/templates/next.js/nextjs-fastapi-starter. I am trying to perform a fetch call in a Server Component using await fetch(...