How to use Server Actions in Next js | شرح بالعربي
In this comprehensive tutorial, we dive into Server Actions in Next.js — a powerful feature that allows you to handle server-side logic directly within your components. Learn how to simplify data fetching, handle form submissions, and execute server-side code seamlessly, all within your React components.
📚 Tutorial References:
🔗 Build Full Stack Food Ordering App using Next.js:
• Full Stack Food Ordering App (Shoppin...
🔗 Playlist for ReactJS 2024 Series:
• دورة شاملة لتعلم React JS 2024
🔗 Playlist for Next.js Series:
• Learn Next.js in Arabic
🔗 Learn Tailwind CSS:
• تعلم كل شئ في Tailwind CSS في فديو واحد
🔗 Learn Prisma:
• تعلم كل شئ عن (ORM) Prisma مع Typescript
🔗 Learn Next Auth:
• Next-Auth Login Authentication Tutori...
🔗 Learn Zod with React Hook Form:
• Learn React Hook Form & Zod | Form va...
🔗 Learn Shadcn UI in Next.js15 & React19:
• How to Setup Shadcn UI + Themes in Ne...
🔗 Learn Redux Toolkit:
• Redux Toolkit Tutorial
🔗 Build Airbnb Project with Next.js:
• Build Airbnb Clone with NEXT.JS! | Ap...
🔗 Playlist for this Authentication & Authorization Series:
• The Complete Guide to master Authenti...
☕ Buy Me A Coffee ➜ https://www.buymeacoffee.com/kareem4s...
💖 Support me on PayPal: https://www.paypal.com/paypalme/karee...
🚩 Subscribe ➜ / @simplearabcode
👇 Follow Me On Social Media:
Github: https://github.com/Kareem2002Shimes
facebook: https://www.facebook.com/profile.php?...
LinkedIn: / kareem-shimes-6a9b3a200
📚 Tutorial References:
🔗 NextAuth.js Official Site: https://next-auth.js.org/
🔗 Next.js Official Site: https://nextjs.org/
🔗 ES7 React Snippets Extension: https://marketplace.visualstudio.com/...
⏱️ Timestamps:
00:00:00 - Introduction
00:01:00 - What is server action
00:03:04 - useFormState & useForm Status
00:09:30 - Create server action (Create new post)
00:16:35 - Watch Full Stack App (used server actions)
