Server Actions: NextJS 13.4’s Best New Feature

Server actions make it a lot easier to fetch additional data from the server, or make mutations on server. Just add “use server” to a function and now it’s a server function that you can call from the client as easily as just calling the function and awaiting the result. Check it out!

Code: https://github.com/jherr/njs13-server-actions
Server Actions Documentation: https://nextjs.org/docs/app/building-your-application/data-fetching/server-actions

👉 I’m a host on the React Round-Up podcast: https://devchat.tv/podcasts/react-round-up
👉 Don’t forget to subscribe to this channel for more updates: https://bit.ly/2E7drfJ
👉 Discord server signup: https://discord.gg/ddMZFtTDa5
👉 VS Code theme and font? Night Wolf [black] and Operator Mono
👉 Terminal Theme and font? oh-my-posh with atomic and SpaceMono NF

0:00 Introduction
0:52 Creating The Project
2:53 Server Actions For Forms
7:38 React Without Javascript
8:45 Monitoring The Form Post
10:53 Using Transitions With Server Actions
15:05 Using Server Actions For Queries
19:36 Server Action Caching
21:09 Outroduction