Here is my page.tsx file import Image from 'next/image' import styles from './page.module.css' import React, { forwardRef } from 'react'; import { useRouter } from 'next/router' import {Line} from 'react-chartjs-2'; import { ChartData } from 'chart.js'; export default function Home()…
I'm fairly new to next.js, and I'm trying to create a PWA using Next.js. The goal is to make the start_url of my pwa to be: "/recipes/:recipe_id" I cloned this repo: https://github.com/mvllow/next-pwa-template. Then I updated the _app.tsx file: import type…
When i run the query below i get permission-denied and in the "Monitor rules"-tab i get an error. const timeNow = useMemo(() => Timestamp.now(), []); const query = query( postRef, where("tags", "array-contains-any", ["Event"]), where("publishDate", "<=", timeNow), orderBy("publishDate", "desc"), limit(4) );…
Bcrypt.compare returns false no matter what I'm currently working on a login/register feature in NextJS that utilizes bcrypt to hash and compare user passwords. I'm able to register a user with a hashed password, but when attempting to log in…
I'm currently trying to deploy from the app directory to Github Action CI/CD. But I keep getting a PageNotFoundError: Cannot find module for page: / error, and I think the phenomenon that I can't read the app path in my…
I was playing with the experimental Next 13 app directory. As per the documents, a client component can accept a server component, as long as it is as a children prop. It works, however I do get a type error…
I have a checkbox in my Next.js project and after adding some Tailwind utility classes nothing takes effect except changes to width, height and cursor. Color, bg, border, etc. don't work. <div className="flex py-4 m-auto w-2/3 justify-between items-start"> <div className="w-1/7">…
I'd like to create a single "Card" component containing some content like title, subtitle, etc picked from a data.js file which contains an array with all these elements. What I want to achive is, it must changes on every refresh…
I am using Nextjs 13 with the experimental App Dir but am not sure if this problem I am facing has anything to do with the issue I am facing. I have an id in my home page of "faqs"…
I'm trying to make a dropdown navigation. The idea is to only have one active dropdown when the navigation is clicked and the others close. At the moment it works by the following concept I have but I'm stuck currently…