O que é Server Actions?
Definição
Server Actions são funções assíncronas executadas no servidor, introduzidas no Next.js 14 com App Router. Eliminam a necessidade de criar rotas de API para mutações de dados, permitindo chamá-las diretamente de componentes React.
Definidas com a diretiva 'use server', podem ser invocadas via formulários HTML ou chamadas diretas. Integram-se nativamente com revalidação de cache e são executadas com segurança no servidor.
Exemplo Prático
TypeScript
async function createUser(formData: FormData) {
'use server'
const name = formData.get('name') as string
await db.user.create({ data: { name } })
revalidatePath('/users')
}
export default function Form() {
return <form action={createUser}><input name="name" /><button type="submit">Criar</button></form>
}Termos Relacionados
Artigos que aprofundam Server Actions
Quer ver Server Actions em ação em projetos reais?
Ver artigos sobre Server Actions