Introduction

Next.js 15 introduces a paradigm shift in how we build web applications. With Server Actions, we can now execute server-side logic directly from our components without creating API routes manually.

Why it matters

1. Zero Bundle Size: Server Actions code is never sent to the client.
2. Type Safety: End-to-end type safety without tRPC.
3. Simplicity: No more useEffect for simple data mutations.

// Example of a Server Action
async function createPost(formData: FormData) {
  'use server';
  const title = formData.get('title');
  await db.post.create({ data: { title } });
}