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 (
    	// 
    )
}