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,528
questions
0
votes
2
answers
45
views
How can action on clientside dispatch action on serverside?
I have a theme switch toggle on the top AppBar which is a client component.
The main layout is SSR and uses the nextjs App router. It has theme settings <ThemeProvider theme={lightOrDarkTheme}>....
0
votes
0
answers
9
views
Tradingview advanced not showing
Working on integrating tradingview advanced on nextjs 14, but the chart is unable to show I've setup my trading widget by using the default parameters and trying other parameters but still unable to ...
0
votes
0
answers
12
views
How to create a different URL for each dashboard page - NextJS 14
NextJS newbie here, so I apologize in advance if this has been asked before. I'm feeling really overwhelmed with all the information I'm finding and I'm not sure how to proceed.
I have a NextJS ...
1
vote
2
answers
3k
views
favicon is not working in next js 13 why?
export const metadata = {
title: "Pradeep's Resume",
icons: {
icon: "/icon.png",
},
};
can anyone tell me why this is not working ? I try doing .ico still not working
I ...
3
votes
9
answers
3k
views
Nextjs Error: Application error: a client-side exception has occurred (see the browser console for more information)
I have run into a weird Next.js error for the first time.
So, I started a Next.js app (app router) using the command below:
npx create-next-app@latest
Then I started the app in development mode by ...
-1
votes
0
answers
331
views
How to preview all type of uploaded files like pdf, csv, exel etc in next js without any package
I am creating a web app and there have a chat system. I want when i upload files like image, video, pdf, csv, exel, docs etc and send it to other person in chat then it should appear and he should ...
0
votes
0
answers
15
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
...
2
votes
4
answers
931
views
Next.js Static Site Generation Issue: searchParams.toJSON Error During Build
I'm encountering a persistent issue with building a Next.js application for static deployment on Hostinger cloud hosting. The build process fails with the following error:
[Error]: Page with `dynamic =...
0
votes
1
answer
261
views
Error when using Next.js 14 and next-i18next without locale path and saving locale in cookie
I am trying to implement internationalization in Next.js 14 by saving the locale in a cookie–without locale paths like /en and /fr. I have encountered an error on client-side pages when the locale ...
2
votes
2
answers
1k
views
How to access previous route in Next.js 14 using App Router?
Existing threads are mostly relevant to the Pages router.
I know that with react router I'm able to do this:
const history = useHistory();
const { pathname } = useLocation();
history.push('/', { from:...
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
1
answer
297
views
Tailwind CSS Analyser
I would like to know if someone knows if there is a tool that could give me insights about my tailwind (v3) css classes used in my project. It is a quite big project, and I would like to find very ...
8
votes
0
answers
3k
views
How to use generateStaticParams with searchParams in Next.js 13 (app router) page?
Lets consider this example of fetching first 3 pages of pagination during build time:
app/listing-params/[page]/page.jsx
const getData = async (page) =>
new Promise((resolve) => {
...
0
votes
1
answer
22
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
│ ├── ...