Im trying to import an object containing reusable TailwindCSS classes and reuse these classes across my app. For some reason I need to copy + paste this object locally INSIDE the react component I want to use it in for…
I've built a website with Nextjs (using version 12.1.4). For SEO purposes I would like to make a permanent redirect for my www version of the site to my non-www. Normally this could easily be done with nginx or an…
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 =…
I use the newest version of nextjs with app router, and I'm a little bit stuck with route organization. I need routing like that, but can`t figure out how to do it catalog/[category]/[id] ===> id.jsx catalog/[category] ===> catalog.jsx catalog ===>…
I am new to firebase and I am trying to use firestore to get data for my next.js app but get an error. Here is the error: TypeError: fetch failed at Object.fetch (node:internal/deps/undici/undici:11730:11) at process.processTicksAndRejections (node:internal/process/task_queues:95:5) { cause: AggregateError at…
I have a Next.js app that I've been building with AWS codebuild for several years without issue. I recently updated the project to Next.js 14 (from 13) and am now getting failed builds with the following error: unhandledRejection ReferenceError: Headers…
I want to make React table custom component with row selection in single, multiple and none selection mode. And since is refactoring process of current oversized table component I want to make it as simple as possible in case of…
I'm trying to point my squarespace domain I purchased to my Public IP. I am using Ubuntu Server I have a localhost Next.js app on port 3000. I port forwarded that port and I can access it on a different…
When working on a Next.JS project (hosted on Heroku) I have the following isssue. This is the content of the main file (for my problem) DB_ChanList.tsx: 'use client'; import Link from 'next/link'; import channelsPool from "@/lib/channels"; import React from 'react';…