NextJS 13.4 Server Actions: Simplify Data Fetching πŸš€

NextJS 13.4 introduces server actions, making server data fetching and mutations easier with 'use server' functions.

NextJS 13.4 Server Actions: Simplify Data Fetching πŸš€
Jack Herrington
61.8K views β€’ May 11, 2023
NextJS 13.4 Server Actions: Simplify Data Fetching πŸš€

About this video

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

Tags and Topics

Browse our collection to discover more content in these categories.

Video Information

Views

61.8K

Likes

2.0K

Duration

21:41

Published

May 11, 2023

User Reviews

4.7
(12)
Rate:

Related Trending Topics

LIVE TRENDS

Related trending topics. Click any trend to explore more videos.