I am making a web app where i want to show online/offline status of user. For that i need to listen to close and open events of websocket. const ws = new WebSocket('ws_url', 'token'); ws.onclose = (e) => { const…
I am following this guide to create a dynamic sitemap for NextJs 13.4.6 https://claritydev.net/blog/nextjs-dynamic-sitemap-pages-app-directory The issue I am having is the bottom of the article is where it has the code to do with a sitemap for NextJS versions of…
I was trying to use Next dynamic route fetching API to get data for my pages dynamically but always getting 404 error on my fetch. What am I doing wrong? The page is working fine with dynamic routes, but the…
I'm trying to set an Array of objects (users) as state in my Next app using context. Here is the code: import React, { Dispatch, SetStateAction, createContext, useState, useEffect, } from "react"; type Props = { children: JSX.Element; }; type…
Basically, I have a search page component which displays the search results of the query that the user typed in the input field. This is the file. "use client"; import { useSearchParams } from "next/navigation"; import useFetch from "../hooks/useFetch"; import…
I have four HTML elements, and one of them is scrolling downward with a scroll effect. I want the green-colored div to always stay above Block B but below Block C. Additionally, I need Block C to become hidden behind…
"use client"; import { useEffect, useState } from "react"; const useWindowWidth = (delay = 100): number => { const [windowWidth, setWindowWidth] = useState(window.innerWidth); useEffect(() => { ... }, []); return windowWidth; }; export default useWindowWidth; Why does this hook run…
In SSR when I am using Next.js App Router, How can I get full URL of the current page? I cannot use window.location.href as window is not defined and with useRouter() I cannot get full URL
Right now i am using this function const setDuration = () => { const currentDate = new Date(); const newDate = new Date(currentDate.getTime()); const year = newDate.getUTCFullYear(); const month = String(newDate.getUTCMonth() + 1).padStart(2, '0'); const day = String(newDate.getUTCDate()).padStart(2, '0'); const…
I have deployed my next js app on vercel free plan. I have also added custom domain to it which is working fine.But when I search it on google I cannot find it and the website has not been indexed…