폼 피드백은 제출 전·중·후·동기화까지 이어진다

각 단계에서 사용자가 현재 상태와 다음 행동을 알 수 있게 한다.

before

입력 검증

required·pattern으로 누락과 형식 오류를 먼저 안내

pending

진행 표시

중복 클릭을 막고 버튼 문구를 바꿈

result

서버 결과

필드 오류와 성공 메시지를 폼 가까이에 표시

sync

목록 갱신

공유 저장소를 읽는 /server-action과 /form-submit을 모두 revalidatePath로 동기화

핵심좋은 피드백은 action 호출 성공 여부가 아니라 사용자가 실패 후에도 다음 행동을 선택하게 한다.