RedirectAction.tsx

// RedirectAction.tsx
import { redirect } from 'next/navigation';

export default function RedirectAction() {
  return (
    <form
      action={async () => {
        'use server';
        redirect(`/posts/2`);
      }}
    >
      <button type="submit">Server Action Redirect to /posts/2</button>
    </form>
  );
}

// app/posts/[id]/page.tsx
export default async function Page({
  params,
}: {
  params: Promise<{ id: string }>;
}) {
  const { id } = await params;
  return <div>My Post: {id}</div>;
}