- App Router (Stable)
- Turbopack (Beta)
- 13에서 추가된 Turbopack이 Beta 단계로 변경
- 안정화및 피드백을 위해 Vercel.com 및 Next.js 대규모로 운영되는 Vercel 고객을 대상으로 도그 푸딩(dogfooding) 진행
- Server Actions (Alpha)
- 리액트 생태계에서는 폼 상태관리에 대해 많은 의견이 있음
- 리액트 공식 문서에서는 "비제어 컴포넌트(uncontrolled components)"를 추천
- Next.js 서버에서 form에 대한 액션 함수를 할당할 수 있는 기능을 추가 (Server Actions)
- 서버 컴포넌트에서 form의 props중 action을 통해 함수 할당 가능
- 해당 함수는
'use server';를 작성하여 서버 함수로 동작 - next 패키지를 통해 페이지 이동, 캐싱 등 서버 함수 사용 가능
제어 컴포넌트로 하면 스크립트를 사용해야 하고
그럴려면 클라이언트 컴포넌트로 만들어야 하는데 이러면
캐시나 이런면에서 손해를 봄.
요번에 추가된 server action은 컴포넌트내 함수에서
'use server'를 선언할 수 있게 되어
mutation 시에도 서버 컴포넌트를 유지하면서 사용할 수 있게 한것 같습니다.
요번 nextjs는 스크립트 사용을 최소화 하고 전체적인 전략이나 이런게 보면 볼수록
Remix 비슷하네요.
서버 코드와 클라이언트 코드가 섞여 있는게
옛날 PHP 생각이 나네요
번역이 서툴러 이상한 의역해버렸네요. 원문은 Server Actions의 첫 문단입니다.
The React ecosystem has seen a lot of innovation and exploration of ideas around forms, managing form state, and caching and revalidating of data. Over time, React has become more opinionated about some of these patterns. For example, recommended “uncontrolled components” for form state.