Next.js 15 & Server Actions: La nuova architettura del web moderno

L'era delle API sta finendo?

Nello sviluppo web tradizionale, c'è sempre stato uno spesso muro tra frontend e backend: gli API Endpoints. Scrivevamo righe di codice solo per gestire il traffico JSON, inviando richieste GET per recuperare i dati e richieste POST per mutarli.

In Suprast, stiamo abbattendo questo muro con Next.js 15. Ora, il frontend chiama direttamente il backend. Come? Con le Server Actions.

Cosa sono le Server Actions?

In parole povere; è la capacità di attivare una funzione lato server direttamente dal lato client, proprio come un gestore di pulsanti JavaScript. Nessun metodo HTTP, nessuna serializzazione manuale, nessun file di route API aggiuntivo.

// actions/create-project.ts
'use server';

export async function createProject(formData: FormData) {
  await db.project.create({ ... });
  revalidatePath('/projects');
}

Perché abbiamo scelto questa architettura?

1. Zero-Bundle Size: I codici delle Server Action non vengono mai inviati al client (browser). Ciò aumenta drasticamente la velocità di avvio dell'applicazione.
2. End-to-End Type Safety: I tipi di backend definiti con TypeScript vengono automaticamente riconosciuti sul frontend. Se lo schema del database cambia, il componente del modulo genera un errore. Questo elimina il 'rischio di runtime' (Runtime Risk).
3. Progressive Enhancement: I moduli continuano a funzionare anche se JavaScript è disabilitato (grazie a React 19).

Conclusione

Come team di ingegneria di Suprast, siamo passati a questa architettura in progetti ad alto traffico come Novarge e Sigortafi. Il risultato: 40% di codice in meno, flusso di dati sicuro al 100%.

Il futuro è un web senza API.