Question 1

O que é uma Server Action no Next.js?

Accepted Answer

Uma Server Action é uma função assíncrona que executa apenas no servidor e pode ser chamada diretamente de componentes Client ou Server. Ela gerencia mutações de dados (POST, PUT, DELETE) sem criar uma API route explícita. As Server Actions simplificam o código evitando a duplicação de API route + chamada fetch do lado cliente.

Question 2

Como declarar uma Server Action em um arquivo separado?

Accepted Answer

Para criar uma Server Action em um arquivo separado, adicionar a diretiva 'use server' no topo do arquivo e exportar funções async. Esta abordagem é recomendada para reusabilidade e separação de responsabilidades. As funções podem então ser importadas em qualquer componente Client ou Server.

Question 3

Qual é a diferença entre uma Server Action e uma API route?

Accepted Answer

As Server Actions são chamáveis diretamente dos componentes sem criar um endpoint REST explícito, enquanto as API routes requerem uma chamada HTTP (fetch). As Server Actions simplificam o código evitando a duplicação de route + chamada cliente. São ótimas para mutações simples, mas as API routes continuam úteis para endpoints públicos ou webhooks.

Server Actions do Next.js

O que é uma Server Action no Next.js?

Resposta

Como declarar uma Server Action em um arquivo separado?

Resposta

Qual é a diferença entre uma Server Action e uma API route?

Resposta

Como usar uma Server Action em um formulário HTML?

Que tipo de dados uma Server Action recebe de um formulário?

Outros temas de entrevista React / Next.js

Fundamentos de JavaScript

Fundamentos do React

React Hooks

Ciclo de vida dos componentes

React Router

Gerenciamento de estado com Context

Formulários e Controlled Components

Busca de dados e API

React Query (TanStack Query)

Styling & CSS-in-JS

Fundamentos do Next.js

TypeScript com React

Data Fetching no Next.js

Roteamento e Navegação no Next.js

API Routes do Next.js

Metadata & SEO no Next.js

Middleware e Auth no Next.js

Testes em React

Zustand State Management

Otimização de Performance React

Error Boundaries & Error Handling

Advanced React Patterns

Recursos avançados do Next.js

Deploy e Produção com Next.js

Architecture & Design Patterns

React Server Components

Internacionalização do Next.js

React Security & Boas Práticas

Domine React / Next.js para sua proxima entrevista