[Next.js ver.14] Server Action

Question

안녕하세요 요즘 팀에서 필요로 하여 Next.js를 처음 공부를 하고 있는데, 몇가지 궁금해서 조언을 구하고자 글을 올려봅니다. 1. Client Component 는 최소화 해야하는가?최대한 Client 사이드에서 사용되어야만 하는 요소들만 ‘use client’ 를 붙여 client 요소를 최소화해야 하나요? 2. Server Action을 꼭 사용해야 하나요? 사용한다면 어떤 경우에 사용해야 하는 걸까요?Client Component에서 자연스러운 동작을 위해서는 GET은 Client Component에서 사용하고, 나머지 HTTP Method들에 대해서는 모두 server action을 사용해야 하나요? Server Action에 대한 사용 목적과 사용처를 정확히 알기가 어려워 질문 드립니다. 3. Next.js 와 Next-Auth를 함께 많이 사용하나요? 인증 라이브러리로 공식 Docs에서 언급해줘서 사용해볼까 하는데 보통 어떤 방식으로 인증/인가를 처리하는지 궁금합니다. 글 읽어주셔서 감사합니다. 좋은 하루 되시고 답변 달아주신다면 정말 너무나도 감사드립니다!

kiroki · Answer

1 최소화 라기보다는 client 컴포넌트에서는 사용자와 상호작용 하는 로직을 응집시키는 쪽에 가까운 것 같습니다.2 그럴 필요는 없습니다. 특정 key를 사용해서 POST, PUT, DELETE같은 것을 해야하는데 key를 브라우저에 노출하고 싶지 않을 때 쓴다nextjs14 프레임워크의 캐시와 연관된 기능을 위해 사용한다정도 입니다3 많이 써요 보통 컴포넌트의 제일 바깥을 provider(키클락이든 구글이든) 로 감싸고 안에서 useSession 훅으로 토큰정보를 가져와서 없을 때 로그인 페이지로 이동한다던가 처리하고 로그인 해 있을 때는 세션정보로 권한관리 같은거 하구요

풍월상신(가니메디안) · Answer

1.SSR 보다 SSG 로 관점을 바꿔서 보면, RCC React-Client-Component 의 사용을 '꼭 필요한 경우에만' 제한적으로 사용하는 게 NextJS 의 기본 개발방향에 부합하는 것 같습니다.2.NextJS.15 와 React.19 의 출시가 이제 진짜로 문 밖에 와있죠. React.19 에서는 Server Action 의 개념을 넓혀서 Server Function 이라고 공식 네이밍을 했습니다.useActionState 는 앞으로 다시한번 React 개발 방식을 바꾸게 될 것 같고요..하지만 말씀하신대로 Get.API 와 ServerAction 의 용도 경계에 관해서는 여러가지 의견이 있는 것 같습니다. 부담 없이 필요한 곳에서 필요한 기능을 사용해도 될 것 같습니다.3.Next-Auth 는 생각보다 널리 사용되고 있는 것 같진 않습니다.오히려 Clerk, Kinde 등의 3rd 파티 서비스 프로바이더들이 더 영역과 인지도를 넓히고 있는 분위기네요.

[Next.js ver.14] Server Action

2개의 답변

#next.js14 목록