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…
I have no idea of why that happens, i have a layout with my navbar, but when i refresh the page the navbar blink in the screen and fade away. My app dir tree: . ├── actions.tsx ├── api │ …