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,543
questions
0
votes
0
answers
9
views
Is this is right way to implement Thirdweb authentication with saving user in our backend database if user not present
// UserLoginProvider.js
export const UserLoginProvider = ({ children }) => {
const [walletAddress, setWalletAddress] = useState("");
const [loggedIn, setLoggedIn] = useState(false);
...
0
votes
0
answers
15
views
NextJS App router reusable custom hook for data fetching
I'm currently trying to migrate a project from NextJS pages router to the app router.
In my old project, I had the following structure:
/src
/components
/hooks
customHook.tsx
/services
...
0
votes
0
answers
9
views
Syntax Error in Next.js v13.5.4 Deployment on IIS Server (Windows)
I am experiencing difficulties deploying my Next.js v13 application on a Windows Server running IIS. After deployment, I encounter a syntax error that prevents the application from running properly. ...
0
votes
0
answers
19
views
Why won't my next.js credentials login with email and password work while my google provider authentication does?
I am trying to make a login page with Next Auth V4, and I have followed some instructions online that seems to work well for the google provider which works, but my "credentials" email and ...
0
votes
0
answers
13
views
Image Working on Localhost but Broken in Production in Next.js
I'm working on a Next.js project where images display correctly on localhost. After running npm run build and npm start, everything works fine locally. However, once deployed to production, the images ...
-4
votes
0
answers
21
views
Next.js 14 Cache CANNOT BE DISABLED ... NO MATTER WHAT ... IS THIS A BUG?
next.js caching cannot be disabled ... I've used:
export const dynamic = 'force-dynamic' ... no luck
revalidate: 0 ... no luck
cache: 'no-store' ... no luck
all combined ... no luck
and then this ...
0
votes
1
answer
41
views
PDFKit library working in Express.js but not in Next.js API route
I'm working on a project where I need to generate PDFs using the pdfkit library. I've managed to get it working in an Express.js server, but I'm facing issues when trying to do the same in a Next.js ...
-1
votes
0
answers
13
views
How do I integrate RDStation Forms in my NextJS project?
I need to add a form to my page. The first time I navigate to the route with this component, it renders normally, but each time I reload the page, the form disappears. Additionally, when I manually ...
0
votes
0
answers
27
views
Next js build time too long
I bought a template built on Nextjs 13 and I found that the build time is too long
The server take too much time to build components or pages
even I am not doing any request or fetching from an api
...
0
votes
0
answers
27
views
Uploaded Images can't delete in cloudinary for nextjs
I implemented the code for uploading and deleting images in cloudinary for nextjs, image uploads worked very well but image deletion is not working. i created api/upload/route.js from from the app and ...
0
votes
0
answers
20
views
using cookies from next/headers marks all pages as dynamic
When I am using cookies from "next/headers" it marks all pages as dynamic, this is not what I want my structure is like this in layout.tsx I have a child server component in which I want to ...
0
votes
1
answer
21
views
Error When Adding Middleware to Protect Dashboard Route in Next.js Project
I am using Turborepo to create a Paytm like wallet, I have two next-apps, user-app, merchant-app and webhook handler in express.
user-app
├── app
│ ├── dashboard
│ │ ├── dashboard.tsx
│ ├── ...
0
votes
1
answer
75
views
Can't install Storybook into my Next.js app
I got TypeError trying to install Storybook in my Next.js app.
I got the Error:
`An error occurred while installing dependencies:
wnt.default is not a function
Error: TypeError: wnt.default is not a ...
0
votes
2
answers
28
views
Force pages to re-render (Next.js App-Dir)
For this question I have created the following demo Next.js application using the App directory:
It has a standard RootLayout in app/layout.tsx.
It has a nested Layout in a route group app/(app)/...
0
votes
0
answers
6
views
Opengraph image is not global in nextjs
I have defined my opengraph metadata in layout.tsx in my NextJs app directory.
const pageTitle = {
template: "%s | Oasis of Ideas",
default: "Oasis of Ideas | Share & discover ...