I'm struggling to find a solution to how we should structure our canonical urls in a marketplace built with nextjs. We have a sitemap structure for a marketplace where users can filter collections like so: /collections/{category}/{subCategory}/{type} + query params for…
im having some issues with dynamic routing in Next. For example a route like /api/chat/[id] or would cause an infinite loop. Here is the code: "use client" import React, {useEffect} from 'react'; import { useAuth } from "@/context/AuthContext"; import {…
Error: Could not find a production build in the '.next' directory. Try building your app with 'next build' before starting the production server. https://nextjs.org/docs/messages/production-start-no-build-id at setupFsCheck (E:crs admin and clientskillonorofffrontendnode_modulesnextdistser i did run npm run build but the problem repeating…
const [counter, setCounter] = useState(0); useEffect(() => { const intervalId = setInterval(() => { setCounter((prevCounter) => prevCounter + 1); }, 1000); return () => clearInterval(intervalId); }, []); const handleOpenModal = () => { showModal({ title: "Confirmation", key: `modal-${counter}-${Date.now()}`, content: ()…
I am working with Tailwind CSS in a Nextjs project. I have tried a simple heading but styles are not being applied. Here is my full code on GitHub: https://github.com/mennaElbadry70/TailwindCss_practice I have checked the tailwind.config.ts file but the paths should…
I have the following services deployed to a Kubernetes cluster running locally on my machine: Keycloak NextJS Ingress-nginx The NextJS app is basic: it uses NextAuth and the NextAuth Keycloak provider to allow the user to log in and view…
I'm encountering a TypeScript error when running npm run build in my Next.js project that uses next-intl. Interestingly, the error does not occur when I run npm run dev; everything works as expected in the development environment. ./i18n/routing.ts:4:38 Type error:…
I need to know how to update a data object based on a button click. This data object is being passed into a Child Component. When a user chooses an option in the dropdown menu, I want to populate that…
Question: I'm working with Next.js and using Clerk for authentication alongside the Convex client. I encountered this error: Error: Clerk: useAuth() called in static mode, wrap this component in <ClerkProvider dynamic> to make auth data available during server-side rendering. I…
I have several hundreds of images for a dynamically growing image gallery build with nextjs. Images are inside the public folder and can be shown with import image1 from '../../public/image1.png' // this works <img src={image1.src} /> How can I dynamically…