// src/app/blog/[slug]/page.tsx

const metadata = await kv.hgetall<{ like: number }>(
  `blog:metadata:${blog.id}`,
);

<Like count={metadata?.like} />

// like.tsx
'use client';

const router = useRouter();

<button 
  onClick={async () => {
    await fetch(`/api/blog/${id}/likes`, {
      method: 'POST',
    });
    router.refresh();
  }}
>
  like
</button>
<p>{count}</p>

// src/app/api/blog/[id]/likes/route.ts

import { kv } from '@vercel/kv';
import { revalidatePath } from 'next/cache';
import { NextRequest, NextResponse } from 'next/server';

export const POST = async (
  _: NextRequest,
  { params }: { params: { id: string } },
) => {
  await kv.hincrby(`blog:metadata:${params.id}`, 'like', 1);
  revalidatePath('/blog/[slug]');

  return NextResponse.json({});
};