Skip to main content

Introduction to Server Actions

What are Server Actions?​

Next.js Server Actions are functions that run on the server and can be called directly from client components. This feature is used for form handling, data mutations, and other server-side operations.

Server Actions have become stable with Next.js 14 and provide the following advantages:

  • Progressive Enhancement: Forms continue to work even when JavaScript is disabled.
  • Reduced Client JavaScript: Less JavaScript code is sent to the client.
  • Improved Security: Sensitive information is not exposed to the client as it runs on the server.
  • Enhanced Performance: Data exchange between server and client is optimized.
  • Simplified Data Mutations: Data changes can be made without creating API endpoints.

In this documentation, you will learn how to use Next.js Server Actions, best practices, and how they are implemented in our project.

Template Video​

This video contains a useful template that you can use as a starting point for implementing Server Actions:

Useful Videos​

These videos may be helpful resources for your development journey: