FilamentCraft
تحوّل أي لوحة Filament إلى أداة لبناء المواقع على طريقة Shopify: اسحب الأقسام إلى مساحة حية، وعدّلها مع معاينة فورية، ثم انشر. إضافة تجارية فيها 32 قسمًا، وأداة لبناء الأقسام دون برمجة، ووحدة للمتجر، ودعم كامل للعربية.
- السنة
- 2026
- الدور
- المؤسس
- بُني بـ
- Filament 4 & 5, Livewire, TypeScript, Pest
FilamentCraft – منشئ مواقع مرئي لـ Filament
نظرة عامة
يحوّل FilamentCraft أي لوحة Filament إلى منشئ مواقع على طريقة Shopify. بدل أن تسلّم كل صفحة في صورة ملف ترحيل (migration) وملف Blade، يسحب مستخدموك الأقسام إلى مساحة التصميم، ويعدّلونها أمام معاينة حية، ثم ينشرونها، وأنت تواصل بناء التطبيق.
إنها إضافة تجارية أبيعها وأتولى صيانتها بنفسي، وهي أكبر ما بنيته حتى اليوم: 32 قسمًا جاهزًا، ومنشئ أقسام بلا كود، وقوالب محفوظة بالإصدارات، وقاعدة كود واحدة تدعم Filament 4 و 5 على Livewire 3 و 4.
أبرز الميزات
- منشئ أقسام بلا كود – يركّب المستخدمون أنواع أقسام جديدة كليًا من مجموعة تضم 25 كتلة و 24 تخطيطًا، وتتولد لوحة الإعدادات تلقائيًا مما بنوه
- 32 قسمًا جاهزًا – للتسويق والمحتوى والتجارة، ولكل قسم إعدادات مسبقة تُطبَّق بنقرة واحدة في أربع عائلات تصميم
- معاينة حية داخل iframe – تحديث على مستوى القسم من حالة المسودة، ومعاينة بحسب الجهاز، وسجل تراجع وإعادة (undo/redo) في مخزن دائري، دون إعادة تحميل الصفحة كاملة
- قوالب يعدّلها مستخدموك – الألوان، والخطوط، والأزرار، ونحو 1,900 خط من Bunny، ومخططات ألوان من 22 رمزًا، وهويات بصرية للوكالات
- تعدد المستأجرين دون حزمة tenancy – ينتمي كل موقع إلى أي نموذج (Model) مالك، فتعمل الإضافة مع stancl/tenancy أو spatie/multitenancy أو نظام tenancy المدمج في Filament أو تطبيق بموقع واحد
- تعدد اللغات مع دعم كامل لـ RTL – كل لغة شريحة محتوى مستقلة، مع وسوم hreflang ومبدّل لغة للزوار يُضاف مباشرة
- أقسام للتجارة الإلكترونية – شبكات المنتجات، وسلال الشراء، وإتمام الطلب، تعمل كلها على قاعدة بياناتك الحقيقية عبر عقد صغير واحد هو
Storefront - تحسين الظهور في محركات البحث والبحث بالذكاء الاصطناعي – صفحات تُعرض من الخادم، وإعدادات SEO لكل صفحة مع معاينة حية لنتيجة البحث (SERP)، و sitemap، و JSON-LD، و llms.txt، و IndexNow
التقنيات المستخدمة
- Laravel 11–13 – إطار العمل في الواجهة الخلفية
- FilamentPHP 4 و 5 – طبقة اللوحات والمخططات، بدعم مزدوج من قاعدة كود واحدة
- Livewire 3 و 4 – تفاعلية المحرر
- TypeScript – مساحة التصميم في المحرر، والجسر مع iframe، وتحديثات المعاينة المبنية على morph
- Tailwind CSS – مكوّنات أساسية للأقسام تعتمد على رموز التصميم (tokens)
- Pest و PHPStan level 6 و Pint – أكثر من 1,700 اختبار يجب أن تنجح قبل كل إصدار
- Paddle – البائع المسجَّل (Merchant of record)، ويغذّي مستودع Composer خاصًا أستضيفه بنفسي
عرض حي
جرّبها دون تسجيل على demo.filamentcraft.dev: نقرة واحدة تنقلك مباشرة إلى المحرر على موقع حقيقي.
التوثيق والأسعار وسجل التغييرات متاحة على filamentcraft.dev.