Handling Dynamic Content Caching

// Function to fetch dynamic content and manage cache
async function fetchDynamicContent(url) {
    const cacheKey = url;
    const cached = sessionStorage.getItem(cacheKey);

    if (cached !== null) {
        // Parse the cached JSON string back into an object
        return JSON.parse(cached);
    }

    try {
        const response = await fetch(url);
        const data = await response.json();

        // Cache data for a limited time to ensure updates are reflected
        sessionStorage.setItem(cacheKey, JSON.stringify(data));
        // Set a timeout to clear the cache after a given time (e.g., 5 minutes)
        setTimeout(() => sessionStorage.removeItem(cacheKey), 5 * 60 * 1000);

        return data;
    } catch (error) {
        console.error('Fetching dynamic content failed:', error);
        throw error;
    }
}

// Example usage of the fetchDynamicContent function
// fetchDynamicContent('https://api.example.com/data').then(console.log).catch(console.error);