Next.js Tutorial #20 – Fix PrismaClient + POST, GET All & GET Single Post

Описание: في الجزء رقم 20 من كورس Next.js بدأنا فعليًا نشتغل على الداتا بجد، وبنينا أول منطق حقيقي للـ CRUD باستخدام Prisma — مكملين مباشرةً على اللي عملناه في الجزء 19.

Tools & Packages:
Prisma ORM 7: https://www.prisma.io/docs/orm/more/u...
Prisma Client: https://www.prisma.io/docs/orm/more/h...

في الحلقة دي مرّينا بثلاث مراحل مهمة جدًا:

🔹 أولًا: إعداد PrismaClient وحل المشكلة الشائعة
شرحنا إزاي نعمل install لـ PrismaClient بشكل صحيح داخل Next.js
وعالجنا المشكلة اللي دايمًا بتحصل لما نحاول نستخدم Prisma في بيئة التطوير
ووضحنا ليه PrismaClient مهم، وإزاي بيسهّل علينا التعامل مع الداتا بدل ما نكتب SQL يدوي.

🔹 ثانيًا: بناء POST Method باستخدام Prisma
بدأنا نبني الـ Logic الخاص بإضافة Post جديد في قاعدة البيانات
استخدمنا الـ Models اللي عملناها في الجزء 19 (Post, User, Comment)
وربطنا الفورم اللي كنا عاملينها قبل كده بالـ Database لأول مرة.

🔹 ثالثًا: جلب البيانات من قاعدة البيانات
اشتغلنا على:
GET All Posts → جلب كل الـ Posts من جدول الـ Post
GET Single Post → جلب Post واحد فقط باستخدام الـ ID
وده جه مكمل طبيعي للـ APIs اللي كنا بنبنيها قبل كده، لكن المرة دي بالداتا الحقيقية من Postgres عبر Prisma.

الحلقة دي نقطة تحوّل في الكورس، لأننا انتقلنا من شغل Arrays تجريبية إلى شغل Database حقيقي + ORM + Next.js Server.

في الحلقات الجاية هنكمّل:
ربط الـ UI بالكامل بالداتا
تحسين الـ Queries
وبناء باقي الـ CRUD بشكل كامل.

ودي البنية اللي هنبني عليها كل CRUD والـ Auth في الحلقات الجاية 🔥
إذا أعجبك المحتوى اشترك في القناة وفعل الجرس لتصلك الحلقات القادمة.

🔔 تابع Playlist الكورس كاملة:
   • كورس Next.js بالعربي  

متنساش تكمل معنا الكورس خطوة بخطوة علشان نوصّل مشروع كامل في الآخر!

📂 الكود المستخدم: https://github.com/walidashraf0/Learn...

📺 اشترك في القناة علشان توصلك باقي شروحات Next.js القوية 🔥

قناة التيليجرام بتاعتنا 👇🏻
https://t.me/wegozain
-
Facebook
  / walid3455  
.
Facebook Page
  / wegozien  
.
Instagram
  / walid_ashraf0  

#Nextjs #Prisma #ORM #PostgreSQL #Database #Fullstack #WebDevelopment #NextjsTutorial