Server actions, RSC, Prisma, and TypeScript in NextJs 13
Hamed Bahram
@hamedbahramAbout
Modern web dev topics in React and NextJs.
Latest Posts
Video Description
I this video we'll learn about server actions and end-to-end type-safety by building a todo app using React server components, Prisma, Mongodb, and Typescript. ππΌ The Ultimate NextJs Course π https://www.hamedbahram.io/courses/nextjs ππΌ Source code (checkout `type-safety` branch) π https://github.com/HamedBahram/next-starter-kit-ts Chapters 0:00 Intro 0:34 Project setup 3:00 Setting up Prisma 8:00 Fetching all todos 12:00 Adding types 13:40 NextJs 13 Course Introduction 15:00 Sever actions (create todo) 23:00 Revalidate path 25:00 Using useTransition hook 32:20 Progressive enhancement 33:20 Outro
You May Also Like
Essential Gear for Your Next Adventure
AI-recommended products based on this video
DJI Mic Mini (2 TX + 1 RX + Charging Case), Wireless Lavalier Microphone for iPhone/Camera/Android, Ultralight, Detail-Rich Audio, 48h Use, Noise Cancelling, Automatic Limiting, Vlog, Streaming
DJI Mini 4K, Drone with 4K UHD Camera for Adults, Under 249 g, 3-Axis Gimbal Stabilization, 10km Video Transmission, Auto Return, Wind Resistance, 1 Battery for 31-Min Max Flight Time, Intelligent Flight
COOWPS Switch Case for Nintendo Switch and Switch OLED Model, Portable Full Protection Carrying Travel Bag with 18 Game Cards Storage for Switch Console Pro Controller Accessories Black
UGREEN Revodok Pro 210 Docking Station 10 in 1 USB C Dock Dual HDMI 4K@60Hz Single 8K@30Hz 100W PD 5Gbps USB C and USB A Data Ports Gigabit Ethernet, SD/TF Card Reader USB Hub Compatible for HP, Dell
