Javascript – trying to get Arabic word in Nextjs Router – Params
I am trying to filter the data and i pass the search value to the router, but the search Value is in Arabic and this is what i get. however, when i try the same thing in English i get…
Html – Sticky Navbar does not stick when content too long
This is my current state of code (minified, for explanation only) index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet" href="index.css"> </head> <body> <div class="navbar-wrapper"> <nav class="navbar"> <h1 class="navbar-logo"> Logo </h1> <div class="burger"> Menu…
Reactjs – I need create a slider with react js
My design this but I don't know How to do this steps I trying different config with swiper and slick slides My code like this but that is my result
Html – Setting Media Query for iPad Air and iPad Pro
I am stuck in setting the media query for different iPad devices. In my next Js code, I have created three cards (or divs) equally divided in a row (react-bootstrap grid system used for it). The cards can take up…
Javascript – Next.js modify search params in server component without triggering data to refetch
I have a page with a form. I want to store the values of the form in the url so they can persist even if you accidentally refresh the page. // Form.tsx "use client" export default function Form(){ const pathname…
Javascript – TypeError: Cannot read properties of undefined (reading 'price') – Next.js 14.0.1
I don't know why it's not working in Next.js, but it still works normally in another templates. let subTotal = 0 if (selectedProducts?.length) { for (let id of selectedProducts) { const price = products.find(product => product.id === id).price subTotal +=…
Javascript – How should I set my spinner loading state?
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…
Reactjs – Fetching data from api and render it takes too much time
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) =>…
Reactjs – How do you display data returned from a Route Handler in NextJSv13.4?
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?…
Reactjs – How do I .map() over JSON data within multiple levels of array that I receive from end point?
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:…