Facing while experimenting with device orientation Here is the code, I am using import React, { useState, useEffect } from 'react'; export default function App() { const [isLandscape, setIsLandscape] = useState(window.innerWidth > window.innerHeight); useEffect(() => { function handleResize() { setIsLandscape(window.innerWidth…
I'm creating a Docker image on the dev environment, and later, I will deploy this image to the production environment. I have a react application that is served by next.js inside of the image. Docker image is hosted on the…
Since I added the config file and replace : Navigation File import { createLocalizedPathnamesNavigation, Pathnames } from 'next-intl/navigation'; By : Config File import {Pathnames, LocalePrefix} from 'next-intl/routing';} Navigation File import { createLocalizedPathnamesNavigation } from "next-intl/navigation"; import { locales, pathnames, localePrefix…
I have a next.js application running in an Azure container app. The container app has a "log stream" feature. In this view I can see that the next.js application is starting up: ▲ Next.js 14.2.3 - Local: http://localhost:3000 - Network:…
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 fairly new to React and NextJS, but I manage to glue pieces of things together with the knowledge I have. So I have implemented social login using Lucia auth, and I want to implement a session provider to…
I have a file names "page.js",it's the default page.In the "page.js",I use the Link to link to the "buy.js",but it return 404 It's the code use for link to "buy.js" in the "page.js" import Buy from "./buy"; <Link href="/buy" className="group…
In my nextjs app, I am trying to fetch data by using async await mechanism like this export const getHomeData = async (tokenCalled4PublicApis: string) => { try { // const all = getCookie('XSRF-TOKEN', { cookies }); // console.log('all cookies', all);…
fetching data from Firestore but the problem is in date field dateCreated : Timestamp nanoseconds : 518000000 seconds : 1722162236 [[Prototype]] : Object dislikes : 1 const docSnap = await getDoc(docref); if (docSnap.exists()) { console.log(docSnap.data()); setDocument(docSnap.data()); setDocumentDate(Document.dateCreated); console.log(DocumentDate); } else…
I already have a public REST API (PHP/Nginx) which is live and already being consumed, lets call it https://example.com/api/... Now there has to come a GUI with authentication, to manage the API resources. The GUI should be accessible through the…