I'm trying to load a spinner when a user clicks to navigate to the articles page. The spinner should load until the articles data is fetched and then displayed. There is a little delay after a user has clicked to…
navigation menu import { v4 as uuid } from "uuid"; import Link from "next/link"; import { getAllCategories } from "src/utils/api"; export default async function NavMenu() { const {data: categories} = await getAllCategories(); return ( <div className="NavMenu"> <ul className="NavMenu__categories"> {categories?.map((cat) =>…
I’ve created a route handler using the new app router to do a GET (get all) and retrieved the data into the client which I can see in my console. How can I now display this data in NextJS v13.4?…
I am trying to display weather api data from: (https://www.weatherapi.com/api-explorer.aspx#forecast) import Image from "next/image" interface Hour { time_epoch: number time: string temp_c: number temp_f: number is_day: number wind_mph: number wind_kph: number wind_degree: number wind_dir: string pressure_mb: number pressure_in: number precip_mm:…
What is the proper way to implement the "useEffect" front-end functionality in Next.JS server components? Tried to use useEffect in the server side but it does not work. Do the usage of any other hooks work in the server side?…
I get these errors whenever i tried running my pipelines on my created agent ,lets say agent_test. When I run pipelines for first time it works and if retried to run after that, same issues occur. ##[warning]'git config --get remote.origin.url'…
I have a profile screen it renders based on cookies. When cookie is not present or invalid, it renders a login link. Then when the user logs in and comes back to the profile page, it also renders login link…
i am trying to start coding a calculator in react by nextjs and tailwind, but in first step i got a problem . this is main page code: import Screen from './component/Screen' import Wrapper from './component/wrapper' import ButtonBox from './component/buttonBox'…
I'm trying to create a delete function wherein It will show a loading state using useMutate of tanstackquery, but the problem is when I delete the button, it doesn't show the loading state even though I change the network speed.…
In this Next.js component, in the highlighted line "mb-3" class of Tailwindcss has no effect in the Y direction but if we use "m-3" it also does not have an effect in the y direction but has an effect on…