I am using amazon font Ember as custom font in my app , i have setup a font,ts file in lib folder and export the font properly as instructed in different blog post and make it working in my dev…
I'm new in nextjs (App router). In my root app/layout.tsx I have sidebar and header components which should be available for all other pages: import { Inter } from "next/font/google"; import "./globals.css"; import Sidebar from "@/app/components/sidebar"; import Header from "@/app/components/header";…
I am building a project using next14.2.4 and mui5.15.20. Here are the parts of code I am getting problem at. theme.js "use client"; import { createTheme } from "@mui/material"; import { createContext, useMemo, useState } from "react"; //use different color…
I am a beginner/intermediate developer attempting to create a NextJS 14 powered app for a friend of mine, but I seem to keep running into the same problem. I am loosely following this tutorial by CodeWithAntonio with some slight tweaks…
I did the following: I created a NextJS app by following the instructions as outlined in the NextJS documentation. After this, I deployed this NextJS app with using Firebae App Hosting (Public Preview) by following the instructions outlined on the…
I want to set/update a cookie on the incoming request in the middleware file before the page or layout reads the cookie, but it seems to not be working. Maybe it's not possible.. I made a demo project you can…
I'm working on a Next.js 14 project and I need to fetch data in a client component. I've come across two different methods and I'm unsure which one is the best practice. Method 1: useEffect with an Async Function and…
I am facing an issue with storing a JWT token in Next.js 14. I want to load a page using SSR, but localStorage is not supported in server-side components. My scenario is as follows: after logging in, the backend responds…
I have a Next.js project where users can upload properties and apply various filters such as amenities, minPrice, maxPrice, etc. I created a custom hook to reset specific query parameters when the user clicks a "Reset Filter" button. However, after…
I use a server action for data fetching, and it should return data to the client component, but it's not working as expected. Server action: "use server"; import { getCookies } from "next-client-cookies/server"; export async function getData() { const cookie…