I'm trying to integrate a JS library in my NextJS app, but when loading the page I always get the following error on the server-side: ReferenceError: window is not defined I don't understand why this occurs, since I'm using this…
I'm trying to show image in next js using import Image from 'next/image'; without specifying width and height. Note that image is coming from URL and not from specific folder in project. <Image sizes={"100vw"} width={0} height={0} src={'https://picsum.photos/200/300'} placeholder='empty' /> This…
npm i drizzle-orm postgres npm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve npm ERR! npm ERR! While resolving: [email protected] npm ERR! Found: [email protected] npm ERR! node_modules/react npm ERR! peer react@"^18.2.0" from [email protected] npm ERR! node_modules/next npm ERR! next@"14.2.3"…
I created the example create-next-app@14 nextjs app on my rhel server (which has node on it) and I let it run on port 3000 (using either npm run dev or start after building). I also configured a reverse proxy on…
I have been trying to migrate a React.js CRA to Next.js SSR Application, I moved specifically to Next.js 11 as I have some package deps which support only up Next.js 11, as my CRA application is working perfect, but when…
I'm new to Next.js and server-side rendering, and I'm trying to get the individual slug for each job that I have posted. I am using the app router and have set up the following page: src/app/Job/[slug]/page.js Here's the code: async…
enter image description here export default function Home() { return ( <> <h1 className="text-2xl text-green-500">Netflix Clone</h1> </> ); This is my tailwind.config.js /** @type {import('tailwindcss').Config} */ module.exports = { content: ["./app/**/*.{js,ts,jsx,tsx}"], content: ["./pages/**/*.{js,ts,jsx,tsx}"], content: ["./components/**/*.{js,ts,jsx,tsx}"], theme: { extend: {}, },…
I am trying to convert the below code to cva.. {items.map((item, index) => { const isActive = item.key === SOMETHING; return ( <div key={index} className={clsx( `cursor-pointer`, { "text-white": isActive && variant === "inverted", "text-stone-950": isActive && variant === "default", "text-[#9b9b9b]":…
Why am I not able to see values in my console? Everything is correctly in place but the form values can't be seen in the console. I think it has something to do with the onSubmit function. Any help would…
i have a question, i've spend the past 2 hours looking for an answer on the web but i haven't find one. well im using Nextjs with the new App router. when a user navigate to an undefined route in…