React's
fetch()without caching
This is a simple wrapper around the fetch() function for React/Next.js.
The library provide a fetch() function that prevents caching by React/Next.js.
React/Next.js has two-cache layer for fetch API.
To opt out of memoization in fetch requests, you can pass an AbortController signal to the request.
Building Your Application: Caching | Next.js
For individual data fetches, you can opt out of caching by setting the cache option to no-store. This means data will be fetched whenever fetch is called.
https://nextjs.org/docs/app/building-your-application/caching#opting-out-1
npm install react-fetch-no-cacheUse fetch as you would normally use fetch in a React/Next.js application.
"use server";
import { fetch } from "react-fetch-no-cache";
export const fetchCurrentTime = async () => {
// fetch time from the server without caching
const res = await fetch("https://worldtimeapi.org/api/timezone/Asia/Tokyo");
const json = await res.json();
return json.utc_datetime;
}cd example
npm install
npm run dev- Fork it!
- Create your feature branch:
git checkout -b my-new-feature - Commit your changes:
git commit -am 'Add some feature' - Push to the branch:
git push origin my-new-feature - Submit a pull request :D
MIT