I am starting a project from scratch with next js 14, using /app as the directory and not using src and I have a problem when trying to use i18n according to the vercel guide Following this guide https://next-intl-docs.vercel.app/docs/getting-started/pages-router I…
i am trying to use the new Gemini api, i am using server actions to get the user message from the input and sending that message to the gemini function which returns the response as text. "use server"; import runChat…
In NextJS 14, the example given in the docs is within the Page component, which I usually type as NextPage. This type doesn't accept async await server component. Similarly, what I tend to do is to wrap my own component…
I am sending an object called footprintsData from my question screen to a result screen as shown below: const footprintsData = { carFootprint: roundedCarFootprint, electricityFootprint: roundedElectricityFootprint, gasFootprint: roundedGasFootprint, commuteFootprint: roundedCommuteFootprint, airTravelFootprint: roundedAirTravelFootprint, totalFootprint: parseFloat(totalFootprint.toFixed(2)), }; router.push({ pathname: "/results", query: {…
I am using NextJS 14 with App router with Spring Boot in the backend. I have public and private routes. For the private routes I have a login page. When the user logs in successfully I return a JWT token…
inside src/utils.ts import { type ClassValue, clsx } from "clsx"; import { twMerge } from "tailwind-merge"; import { SignJWT, jwtVerify } from "jose"; import { NextRequest, NextResponse } from "next/server"; import { cookies } from "next/headers";` ./src/utils.ts Error: × You're…
I was configuring the context in Tailwind for a Next.js 14 website, and I just wanted to provide a global theme configuration for my project. So, I created the ThemeContext and added the 'use client' at the top of the…
I have an array of dates in "MM/DD/YYYY" format. But passing this array via the hightlightDates prop to react-datepicker is not highlighting the days on the calendar. How can I accomplish this? <DatePicker showIcon selected={startDate} customInput={<CustomInput />} onChange={(date) => setStartDate(date)}…
I'm currently working on implementing role-based authentication using NextAuth.js in my Next.js application. I've followed the documentation provided by NextAuth.js, but I encountered an error(in profile snippet and callback snippet which i copied from next-auth documentation) when trying to add…
I've created a currency converter app with next.js. It works fine. However I also try to insert a functionality that allows users to swap From and To currencies back and forth. This is the function code: const swapCurrencies = ()…