I've started a Next.js 13 app, I have a main.modules.scss file .heading { font-size: 4rem; color: #000; } .dark .heading { color: #fff; } I am using it to style a component like this import styles from "@/styles/main.module.scss"; export default…
I have the below function in app/api/hello/[slug]/route.ts when I console log I get undefined . why ??? app/api/hello/[slug]/route.ts export async function GET({ params }: any) { console.log(params); } log - wait compiling /api/hello/[slug]/route (client and server)... - event compiled successfully…
I have the commitment to upload an application that is with NextJS 13 to cPanel. I've already tried everything but nothing works. The NextJS documentation regarding deployments on platforms other than Vercel is very unfortunate and I really need help…
Please help, I need to get data from an array of a page, then display it on another page. I'm, using NextJs, with Typescript, AppRoute Here's my code: app/page.tsx: import Image from 'next/image' import Link from 'next/link' const listMember =…
I'm using Next.js 13 and I have a middleware function set up for Multilanguage. I want to add another middleware function, but it's not working for me. I guess I made a mistake in writing the middleware, but I'm not…
I have an page '/message/:id' with a back button on top left which routes back using router.back() function, Which works perfectly fine when i get routed to that page from any other screen. But now i'm also sending notification which…
I am building a React website with NextJS 13, Typescript, and Framer Motion. I have the following code, basically copied and pasted from the Framer docs: const { scrollYProgress } = useScroll({ target: targetRef, container: containerRef, offset: ['start end', 'end…
As I'm coming from Vuejs background and starting with Nextjs now, I want to scope my css for each of my component like- Navbar instead of using it inside Globas.css, is there a way to do that? I'm using tailwind…
I am working on a Cypress test where multiple requests are sent to the same URL but with different body content. Specifically, the test changes the input values in the UI, which triggers a new request to the server. The…
when I click on a item is goes to the dynamic route "http://localhost:3000/products/{id}" but gives error instead of displaying data so my file sturcture is app components Product.js pages Products [id].js layout.js page.js [id].js const ProductDetail = () => {…