I am making user role base protected routes in next.js in middleware.js but suddenly started getting this. Not sure why this happening if you guys have better way to implement that please let me know. Here is how I am…
I am on a next.js project with tailwindcss, but in my src folder I do not have the pages folder and the api subfolder where I have to find the _app.tsx, documents.tsx and index.tsx files, whereas in the tutorial that…
const DummyData = [ { _id: 1, title: "lorem ipsum", desc: " ", cta: "Explore Service", ctaUrl: "/", theme: "#E4F8ED", btnTheme: "#4F9D73", links: [ { title: "Project lorem ipsum Tools ", url: "/", }, { title: "Augmented lorem ipsum ",…
I've got this error when trying to export a next js blog page to static html. I'm trying to get the basic html (+tailwind) page structure from this blog template. Following the instructions on the next js documentation I've changed…
I am using NextJS 14 to setup routing. I am using root layout in app/layout.js to check for jwt tokens and conditionally allow page rendering or redirect to /auth/login. However in doing so, I am getting 2 back-to-back errors. First…
I'm trying to export my project to static HTML pages and I don't get the CSS styles My configuration in next.config.js ** @type {import('next').NextConfig} */ const nextConfig = { images: { unoptimized: true, }, output: "export", reactStrictMode: false, }; module.exports…
I want the aspect ratio to stay the same, whilst the width is fixed. Please help me automatically modulate the height. I would like to continue to use the Nextjs Image component if possible. const Logo = ({ logo })…
I got an error while building next js application : unhandledrejection typeerror: cannot read properties of undefined (reading '__emotion_real') this happened after I updated the next js and emotion libraries: "@emotion/babel-plugin": "^11.10.6", "@emotion/react": "^11.11.1", "@emotion/styled": "^11.11.0", ✓ Linting and checking…
I have been working on a webapp which can be used to store collections, there is a dashboard page where all the collections the user can see are shown in a table where each row is a collection and the…
I got this error in my code I am using Prisma Next js 14 and typescript I got this error while tyring to load my product details using product ID In bottom screenshot also have this error Failed to compile.…