Next.js 13 - How to ACTUALLY use Server Actions (caching & revalidation)

Next.js server actions, caching, revalidatePath, revalidateTag. You will be using these if you work with Next.js. In this video we will learn how to use all of them so you can build your own Next JS applications with a better understanding on the new features of Next.js. Learn Programming (Skillshare FREE trial): skl.sh/3cYxUP5 Github repo: github.com/tumetus/nextjs-server-actions-example Json api: github.com/tumetus/json-api My courses: React basics: skl.sh/2XAKn7u HTML & CSS for beginners: skl.sh/34wvGUH Draft.js basics: skl.sh/3cJ5Hw4 💻 MY GEAR MY CODIGN LAPTOP: amzn.to/3NtMAdz MY LAPTOP STAND: bit.ly/46qH6sr (USE CODE TUOMO10 FOR 10% OFF) MY MONITOR: amzn.to/3Np8j67 MY DESK SHELF: bit.ly/46pdRGm (USE CODE TUOMO10 FOR 10% OFF) MY MOUSE: amzn.to/3NNPWte MY MOUSEPAD: amzn.to/3PvDI9S MY KEYBOARD: amzn.to/3CKgZPG MY MICROPHONE: amzn.to/46z3XSW MICROPHONE BOOSTER: amzn.to/3CIUr1T MY MICROPHONE ARM: amzn.to/3CKh6e4 MY HEADPHONES: amzn.to/43WsD68 MY HEADPHONE STAND: bit.ly/3pjJJvF (USE CODE TUOMO10 FOR 10% OFF) Connect with me: Website: tuomokankaanpaa.com/ My newsletter: tuomokankaanpaa.com/newsletter Twitter: twitter.com/tumee Skillshare: www.skillshare.com/r/user/tume Timestamps 00:00 Next.js Server Actions 00:56 Setting up the projects 03:02 Creating the todo page 04:17 Fetch todos from the api 06:02 Adding new todo server action 10:07 Fetch requests + Caching 11:29 Automatic data fetching with server actions 15:22 revalidatePath vs revalidateTag #nextjs #webdevelopment #reactjs

• #science_technology
• #nextjs
• #nextjs
• #next_js
• #nextjs_13
• #nextjs_tutorial
• #james_q_quick
• #web_dev_simplified
• #fireship
• #fireship_io
• #tuomo_kankaanpaa
• #josh_tried_coding
• #josh_tried_coding_nextjs
• #next_js_tutorial
• #nextjs_tutorial
• #server_actions
• #next_js_server_actions
• #next_js_vs_react
• #caching
• #revalidate
• #revalidatepath
• #revalidatetag
• #webdev
• #web_development