Implement cache invalidation improvements

This commit is contained in:
gpt-engineer-app[bot]
2025-10-31 01:23:29 +00:00
parent 875d189881
commit 179d9e674c
5 changed files with 115 additions and 13 deletions

View File

@@ -13,9 +13,11 @@ import { Header } from '@/components/layout/Header';
import { Footer } from '@/components/layout/Footer';
import { useDocumentTitle } from '@/hooks/useDocumentTitle';
import { useOpenGraph } from '@/hooks/useOpenGraph';
import { useQueryInvalidation } from '@/lib/queryInvalidation';
export default function BlogPost() {
const { slug } = useParams<{ slug: string }>();
const { invalidateBlogPost } = useQueryInvalidation();
const { data: post, isLoading } = useBlogPost(slug);
@@ -34,9 +36,12 @@ export default function BlogPost() {
useEffect(() => {
if (slug) {
supabase.rpc('increment_blog_view_count', { post_slug: slug });
supabase.rpc('increment_blog_view_count', { post_slug: slug }).then(() => {
// Invalidate blog post cache to update view count
invalidateBlogPost(slug);
});
}
}, [slug]);
}, [slug, invalidateBlogPost]);
if (isLoading) {
return (