I'm using NextJS14 with the app router. I want to create a game project. Initially, a description of the game and a Start button are displayed. When the Start button is clicked, the description disappears and the game begins. "use…
This css doesn't display background image .header { height: 85vh; background-image: linear-gradient( to right bottom, rgba(var(--color-primary-light), 0.8), rgba(var(--color-primary-dark), 0.8) ), url('/img/hero-small.jpg'); background-size: cover; background-position: top; position: relative; } The following code works without linear-gradient: .header { height: 85vh; background-image: url('/img/hero-small.jpg');…
I have a very simple app that consists of only a combobox and a card (it is going to be embedded on a Wordpress). NextJS, ShadCN ui. The combobox for some reason only works with keyboard, not with the mouse.…
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…