Front-End
[Next.js] Server Actions and Mutations
Judy
2025. 5. 29. 11:52
서버액션 (Server Actions)
비동기 함수인데, 서버에서 실행된 함수
즉, 브라우저에서 실행되는 리액트 같은 클라이언트 컴포넌트가 구분지어져 있는데, 파일 최상단에 'use Server' 혹은 'use client' 라고 붙어있는 컴포넌트들을 말합니다.
// 서버 컴포넌트
'use server'
// 클라이언트 컴포넌트
'use client'
'use server'
export async function create() {
// 이 파일에 있는 모든 코드들은 서버에서 동작하게 된다.
}
import { create } from '@/app/actions';
export function Component() {
return (
//
)
}