normally that happens automatically with the browser cache. By default this cache will be revalidated automatically after 30 seconds. So when you navigate to one page (A) and then navigate to another page (B) and navigate back to the first page (A), page (A) should load instantly.

Check your nextjs config, if you might disabled or reduced your browser cache

@Small Greek domestic dog solved?

No

what else do you need to solve your issue?

"use client";
import React, { useState, useEffect } from 'react';
import axios from 'axios';
import { useStore } from '../libs/store';
import { CustomKanban } from '../CustomKanban';
import { Router } from 'next/router';
import { useRouter } from 'next/navigation';

interface User {
id: string;
uniqueId: string;
tasks: Card[];
}

interface Card {
title: string;
description: string;
priority: 'HIGH' | 'MEDIUM' | 'LOW';
id: string;
column: string;
}

const Page: React.FC = () => {
const { userId } = useStore();
const [data, setData] = useState<User | null>(null);
const [uniqueId, setUniqueID] = useState<string | null>(null);
const [loading, setLoading] = useState(true);

useEffect(() => {
if (userId) {
setUniqueID(userId);
}
}, [userId]);

useEffect(() => {
const fetchData = async () => {
if (!uniqueId) return;

setLoading(true);
try {
const response = await axios.post('/api/getData', { uniqueId });
setData(response.data);
} catch (error) {
console.error('Error fetching data:', error);
} finally {
setLoading(false);
}
};

fetchData();
}, [uniqueId]);

if (loading) {

return <div>Loading...</div>;
}



return (
<div>
<CustomKanban data={data?.tasks} />
</div>
);
};

export default Page;

@B33fb0n3 can u help

what i want to do is wheneever i reload page the request should go

but whenever i reload the request isnt going

@Small Greek domestic dog solved?

just used different method but yah

happy to help