Redirecting 데모
Server Action에서 revalidatePath 후 redirect를 호출하여 다른 페이지로 이동합니다. 제목을 입력하고 제출해보세요.
중요: redirect()는 반드시 revalidatePath/revalidateTag 이후에 호출해야 합니다. redirect 이후의 코드는 실행되지 않습니다!
포스트 생성 + 리다이렉트
핵심 코드
// actions.ts
'use server'
import { revalidatePath } from 'next/cache'
import { redirect } from 'next/navigation'
export async function createPost(formData: FormData) {
// Update data...
revalidatePath('/posts') // ← 먼저!
redirect('/posts') // ← 이후! (exception throw)
// 이 줄은 실행되지 않음
}