Next.js 공부(글생성)

create 폼 만들기

create 폴더 page.js에서 서버에 보낼 form 태그를 만든다.

결과

하지만 form 태그는 onSubmit 기능이 있어야 한다. 즉 사용자와 직접 상호작용을 해야 한다. 그래서 서버 컴포넌트가 아닌 클라이언트 컴포넌트를 사용해야 한다.

클라이언트 컴포넌트로 바꿔준다. onSubmit 버튼을 누르게 되면 입력한 title, value값을 가져와 POST 방식으로 서버에 보내게 된다. 서버에서는 응답결과로 다음과 같이 보내게 된다.

id를 반환하는데 이 id를 가지고 read/id/페이지로 redirect하게 한다.

결과

문제점이 있다. 잘 create 되지만 글 목록이 제대로 작동되고 있지 않다.