لوحة تحليل المؤسسات Next.js

? مجموعة التقنيات

الإطار: Next.js 15 (App Router)

اللغة: TypeScript

قاعدة البيانات: PostgreSQL (Vercel Postgres)

تنسيق الواجهات: Tailwind CSS

المكونات: واجهة مستخدم مخصصة باستخدام Heroicons

النشر: Vercel

? ميزات هندسية رئيسية

العرض المسبق الجزئي (PPR): دمج هيكل ثابت مع فتحات بيانات ديناميكية للتحميل الفوري.

إجراءات الخادم (Server Actions): معالجة آمنة لتعديلات البيانات بدون واجهات برمجة تطبيقات تقليدية.

البث التدفقي والتعليق (Streaming & Suspense): حالات تحميل مفصلة لكل بطاقة من بطاقات لوحة المعلومات لمنع حظر الصفحة.

SQL محسن: تحسين يدوي لاستعلامات PostgreSQL للتعامل مع استرجاع كميات كبيرة من البيانات.

? ما الذي يحتويه المشروع؟

تحليلات الإيرادات: رسوم بيانية تفاعلية لتتبع الأمور المالية.

إدارة العملاء: عمليات CRUD كاملة لسجلات العملاء.

تتبع الفواتير: تصفية متقدمة وإدارة الحالات لفواتير المؤسسات.