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…
Context When I declare const now = new Date() inside a component marked with 'use client' the date is logged as a UTC date while the client is in Pacific Time. I am declaring the variable outside of the component.…
I am trying to build an alternative to Google Photos, and I want to be able to display a Gallery, select files and display them. I used react-grid-gallery which might be able to do both (image selection and display), but,…
import React from "react"; import axios from "axios"; interface UsersType { id: string; firstName: string; lastName: string; email: string; } interface dataProps { allUsers: UsersType[]; } async function getData() { try { const { data } = await axios.get<dataProps>( `${process.env.NEXT_PUBLIC_WAITINGLIST_URL}/waitinglist/`…
I am new to Next.js and TypeScript and cant seem to find any resources on how to fix this issue: import Image from 'next/image'; export default function Item({ image }) { // <-- parameter image needs a 'type' definition? ...…
I need to pass the 'token' parameter from the 'Vendas' component (client side) to the 'Home' component (server side). I'm trying to use cookies, but it's not working in Chrome when it's inside an iframe. I've already set the cookie…