الدرس 1: الأساسيات وسلسلة الأدوات — بيئة تطوير جاهزة للإنتاج
في كل مشروع تأتي لحظة لا يبدأ فيها `pnpm dev`. المشكلة ليست واضحة دائمًا. يعلّمك هذا الدرس قراءة إعدادات Vite وSupabase وTypeScript — كي تعرف بالضبط ما المُعطَّل ولماذا.
الـ scaffold هو الهيكل العظمي لتطبيقك — مثل الإطار قبل أن تضيف الجدران. إذا كان الهيكل خاطئًا، فإن كل ما تضيفه فوقه يتصرف بشكل غريب.
- scaffold
- قالب بداية لمشروع — ملفات إعدادات وتبعيات وCI تعمل معًا بالفعل.
- RLS (Row Level Security)
- آلية في PostgreSQL تتيح لكل صف أن يحدد من يُسمح له بقراءته، بناءً على هوية المستخدم المُوثَّق.
- source maps
- ملفات تربط الـ JavaScript المبني بأسطر الـ TypeScript الأصلية — كي يتمكن Sentry من أن يُظهر لك بالضبط أين كان الخطأ.
- HMR (Hot Module Replacement)
- قدرة Vite على تحديث أجزاء من التطبيق في المتصفح دون إعادة تحميل الصفحة بالكامل.
