I'm working on a small project using nextjs 13, trying to display products currently stored in json file (later will move to DB). Application is running correctly, however when building it fails on linting. Error: Type error: Page "src/app/shop/page.tsx" has…
I was looking over React: Reverse data Flow, to update foodObj, input and buttonClicked declared in Main.js (Parent Component) using the child component <SearchAndSuggestion>. Here are the two files. my-app/app/page.js (Parent File)- 'use client' import React, {useState} from 'react' import…
I've been using Tailwind CSS in my React/Next.js project and have noticed that my code has become less maintainable compared to when I used traditional CSS or styled-components. In the past, I could easily centralize style changes, but now, I…
I am trying to make a dynamic breadcrumb component with custom values in Nextjs 13. Let's say I have the route: /dashboard/[tenant]/[invoice]/editor/abcd. Currently, I do an API call and populate [tenant] and [invoice] with custom names in my Breadcrumb component;…
I have multiple buttons in which i want only 1 selectable, when i click over one of these buttons, an active class gets added to it, while the other buttons active classes gets removed. I am actually using next js…
I'm facing an issue with next/router. I made a '404 Page' and set it up to send clients back to the home page router.push('/') after some 3 seconds. However, when clients return to the main page, they get an console…
When a user requests a protected route, I'd like to redirect them to the login page. After successful authentication, I want to redirect the user back to the originally requested protected route. On next 12 it I used to do…
I am making a web app where i want to show online/offline status of user. For that i need to listen to close and open events of websocket. const ws = new WebSocket('ws_url', 'token'); ws.onclose = (e) => { const…
I am following this guide to create a dynamic sitemap for NextJs 13.4.6 https://claritydev.net/blog/nextjs-dynamic-sitemap-pages-app-directory The issue I am having is the bottom of the article is where it has the code to do with a sitemap for NextJS versions of…
I was trying to use Next dynamic route fetching API to get data for my pages dynamically but always getting 404 error on my fetch. What am I doing wrong? The page is working fine with dynamic routes, but the…