I have a nested dynamic page structure using catchall routes in Nextjs App Router as follows: app/stay/ |__[...category] | |__page.js |__[uid] | |__page.js |__layout.js I have a context provider in the 'layout.js' which holds data for a filtering function and…
I'm using Next.JS 13.4.19 with the new app folder to enable React Server Components, and running into issues trying to use client sub-components (i.e. <ClientComponent.SubComponent >) inside a server component. ClientTest.jsx is a Client component with sub-component attached (pretend this…
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": {…