In NextJS 13, what is the best way of dealing with routes where a user's authentication status affects the content they see on a certain route. Specifically, I have 2 scenarios I'm not sure how best to implement: How to…
I've earlier used _document.tsx to handle some script logic that needed to be very early. E.g. I might have dark mode code there to prevent flickering which might occur if doing useEffect. For example my _document.tsx might be: import Document,…
I'm using Next.js (^13.4.7) with the App directory. I want to display favicon but it is not displayed. The favicon is in the public folder. The format is jpg. If I go to http://localhost:3000/favicon.png the image is displayed. // import…
I am new to Next.js and looking for a way to search the data in the Table. I just want to search on the table data that is rendered in the UI without calling any API. Search using EmpName. Below…
I'm working on a small app in Next.js, and I've not quite wrapped my head around the client-side vs server-side rendering. I've been working from this great guide on setting up NextJS with Supabase. According to the Next.js doc: Once…
I am building a next js application and need user authentication for that. In the page.js file I am sending a function call to firebase/firebaseAuth.js file, where it authorizes and sends the data to page.js. In the page.js, using the…
I'm relatively new to nextjs and tailwind and am trying to use react-tailwindcss-datepicker in my nextjs project and it's not rendering correctly. It looks like the styling is not working. Any and all help is appreciated. I don't know where…
I have a clean install of Next.js 13. npx create-next-app@latest footest I'm creating a single file app/footest/page.tsx. export default function Page() { return ( <div> <form action="/action_page.php"> <label htmlFor="pswrd">Password:</label> <input type="password" id="pswrd" name="pswrd" pattern="[a-z0-9]{1,15}" title="Password should be digits (0 to…
When we try to use a ThemeProvider(as shown below) in NextJS, we need to declare this Provider as a client component. But in NextJS docs it is said that if we declare a component as a client component all other…
How to resolve this "TypeError: date.locale"? I'm making an attempt to address this problem, but despite my efforts, I'm unable to find a solution. API response: { "birthday": "1999-03-09T00:00:00.000Z" } change date format useEffect(() => { if (currentRecord) { const…