Hazem Mohammed

المدونة التقنية

أشارك هنا أحدث تقنيات الويب، دروس تعليمية، وخبرات عملية في بناء تطبيقات عالية الأداء.

بناء تطبيقات الزمن الحقيقي مع Next.js 16 و Supabase: دليل معماري متكامل
٤‏/٣‏/٢٠٢٦
5 min

بناء تطبيقات الزمن الحقيقي مع Next.js 16 و Supabase: دليل معماري متكامل

تعلم كيفية بناء تطبيقات ويب حديثة وفورية باستخدام Next.js 16 و Supabase. يستعرض هذا الدليل التقني دمج مكونات الخادم وإجراءات الخادم مع خدمة Supabase Realtime للتحديثات الحية.

Next.js 16Supabase RealtimeServer Actions
العرض المسبق الجزئي في Next.js 16: دليل متعمق مع Supabase Realtime و Server Actions
١‏/٣‏/٢٠٢٦
5 min

العرض المسبق الجزئي في Next.js 16: دليل متعمق مع Supabase Realtime و Server Actions

تعمق في ميزة العرض المسبق الجزئي (PPR) الجديدة في Next.js 16. تعلم كيفية بناء تطبيقات فائقة السرعة من خلال دمج الهياكل الثابتة مع البيانات الفورية من Supabase و Server Actions.

Next.js 16Partial PrerenderingPPR
إتقان العرض المسبق الجزئي (PPR) في Next.js 16 مع مصادقة Supabase
٢٥‏/٢‏/٢٠٢٦
5 min

إتقان العرض المسبق الجزئي (PPR) في Next.js 16 مع مصادقة Supabase

أطلق العنان لسرعة تحميل الصفحات الفورية دون التضحية بالمحتوى الديناميكي للمستخدم. يشرح هذا الدليل بالتفصيل كيفية دمج مصادقة Supabase SSR مع العرض المسبق الجزئي (PPR) في Next.js 16 لتحقيق أداء مثالي وتجربة مستخدم متميزة.

Next.js 16Partial PrerenderingSupabase
إتقان المصادقة في Next.js 16: دليل شامل لاستخدام Supabase SSR و Server Actions
٢٢‏/٢‏/٢٠٢٦
5 min

إتقان المصادقة في Next.js 16: دليل شامل لاستخدام Supabase SSR و Server Actions

تعلم كيفية بناء نظام مصادقة آمن وفعال في Next.js 16. يستعرض هذا الدليل التقني استخدام `@supabase/ssr` مع Server Actions لإدارة الجلسات وحماية المسارات.

Next.js 16Supabase SSRServer Actions
بناء تطبيقات الذكاء الاصطناعي التوليدي المعزز بالاسترجاع (RAG) باستخدام Next.js 16 و Supabase Vector و OpenAI
١٨‏/٢‏/٢٠٢٦
6 min

بناء تطبيقات الذكاء الاصطناعي التوليدي المعزز بالاسترجاع (RAG) باستخدام Next.js 16 و Supabase Vector و OpenAI

تعلم كيفية بناء تطبيقات الذكاء الاصطناعي التي تستخدم تقنية RAG خطوة بخطوة باستخدام Next.js 16 Server Actions و Supabase Vector DB و OpenAI. دليل تقني شامل مع أمثلة كود قابلة للنسخ.

Next.js 16Supabase pgvectorOpenAI Embeddings
Svelte 5 مقابل React 19: من يقود مستقبل تطوير الويب؟
٨‏/٢‏/٢٠٢٦
4 min

Svelte 5 مقابل React 19: من يقود مستقبل تطوير الويب؟

Svelte 5 مقابل React 19: عصر جديد من أطر العمل القائمة على المترجم (Compiler) تتغير ساحة تطوير الويب باستمرار. تتجه كل من Svelte و React بقوة نحو التحسينات البر...

Svelte 5React 19Svelte Runes
مستقبل تطوير الويب: دليلك لأداء فائق مع React 19 وNext.js
٤‏/٢‏/٢٠٢٦
5 min

مستقبل تطوير الويب: دليلك لأداء فائق مع React 19 وNext.js

مستقبل أداء الويب بين يديك الآن عالم تطوير الويب في تطور مستمر، مع تركيز دائم على هدف واحد حاسم: الأداء. بالنسبة للمطورين في منظومة React، فإن التحديثات الأخيرة...

React 19Next.jsTurbopack