I'm developing the frontend of an application with NextJS 14. I have configured a CredentialsProvider with NextAuth, user provides email and password and it is sent to the Backend (SpringBoot) to authenticate them and the Backend sends a JWT if…
I am currently working on a Next.js application where I've implemented a success page for users who have completed a payment. I want to prevent users from navigating back to the payment page by intercepting the back button press and…
when i sync clerk data to my back end using webhook and do all steps i recive 401 error on vercel Log this is app/api/webhook/route.ts /* eslint-disable camelcase */ import { Webhook } from "svix"; import { headers } from…
I'm trying to fetch translation JSONs from an API for my Next app that uses the /app directory. It all works fine on the server-side, since I can await the API call and pass the data globally as a "hook".…
I was trying to add structured data in my nextJS 13(app router) application but couldn't find the correct method. Next-seo package also gives errors I tried next-seo but got this error: Unhandled Runtime Error Error: Cannot read properties of null…
I'm trying to use useFormStatus() to change UI dynamically when the form is submitted and it's waiting to fetch the data. I have a form component like function onSubmit(data: z.infer<typeof FormSchema>) { requestImg(data).then((imageStringify) => { const binaryData = Buffer.from(imageStringify.image); const…
I developed an API using Django-REST Framework and am trying to connect it with my frontend. I have an endpoint to get the last four winners, and when I try it works alright async function getLastFourWinners() { const url =…
When i try to upload file to public folder on vercel I get below error. тип [Error: EROFS: read-only file system, open '/var/task/public/bb17ad93-017f-4fdf-a2db-713d9a390143.webp'] { errno: -30, code: 'EROFS', syscall: 'open', path: '/var/task/public/bb17ad93-017f-4fdf-a2db-713d9a390143.webp' } Here is my api/upload code. import {…
I'm learning next.js with React with tailwind css and was looking to read html static files from the public/assets folder: import React from 'react'; import fs from 'node:fs'; import parse from 'node-html-parser'; const HTMLComponent = ({ filename } : string)…
I am working on a Next.js project using Tailwind CSS with JIT mode enabled. I've encountered an issue where custom utility classes defined inside the @layer utilities block in my theme.css file are not being compiled and applied as expected.…