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 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 am wondering if this is a possible bug? I am using NextJS 13. I'm creating a Search component using jsx. In my function I am building the form and I have an onSubmit action in the < form >…
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…
In SSR when I am using Next.js App Router, How can I get full URL of the current page? I cannot use window.location.href as window is not defined and with useRouter() I cannot get full URL
I'm trying to add a custom 404 page inside my Next app. I want to use the same 404 page for all my "not found" routes. My app directory looks like the following While my root layout. If I navigate…
I have created a new NextJS project with the latest version of Next (Next.js v13.4.19). I want to register onMouseEnter events for my application. A basic example works in this code sandbox: https://codesandbox.io/s/romantic-saha-9mvvwy?file=/index.js. I use a simple sudo yarn create…
I'm learning nextjs using book "Building React Apps using server-side rendering" In this I'm building basic react app with index page link to about page. The project package.json - { "name": "my-next-app", "version": "1.0.0", "description": "", "main": "index.js", "scripts": {…
I have a next.JS project, and I am using Prisma with Mongodb, and there is dynamic routes in it, basically when we have [somefolder]/page.tsx and then in the browser we hit https://localhost/somefolder/new, it should go to the page with an…
I'm trying to create a different layout for each route groups, there's 3 layouts: auth, dashboard, and public. But when I group the routes, the error "Non matching path () provided for /(public)" occured. Here's my folder structure: Is there…