laravel-nuxt-template
يوفر هذا المستودع قالب بداية لبناء تطبيقات الويب باستخدام Laravel كخلفية و Nuxt.js كإطار عمل للواجهة الأمامية.
تم بناء هذا المشروع باستخدام Laravel 11 + Nuxt 3
- هذا القالب مبني باستخدام Laravel v11.0 و Nuxt v3.11
- يدعم هذا القالب إدارة الحالة باستخدام Pinia
- إذا أعجبك هذا العمل، يمكنك رؤية المزيد هنا
الميزات
- التقنيات المستخدمة: تعتمد هذه النسخة على Laravel الإصدار 11.0 كإطار عمل للخلفية وNuxt الإصدار 3.11 كإطار عمل للواجهة الأمامية. يوفر Laravel أساسًا قويًا لتطوير تطبيقات الويب بفضل بناءه النحوي الأنيق وميزاته القوية، بينما يعزز Nuxt.js تجربة التطوير من خلال تقديم إطار عمل لبناء تطبيقات Vue.js مع ميزات مثل تقسيم الكود التلقائي، واستبدال الوحدات الساخنة، وأكثر من ذلك.
- إدارة الحالة: تتضمن النسخة Pinia الإصدار 2.1 لإدارة الحالة. Pinia هو حل حديث وخفيف لإدارة الحالة لتطبيقات Vue.js. يوفر واجهة برمجة تطبيقات بسيطة وبديهية لإدارة حالة التطبيق، مما يسهل تنظيم وإدارة البيانات المعقدة في تطبيقات Vue.js. مع Pinia v2.1، يمكن للمطورين الاستفادة من الميزات المحسنة والتحسينات لإدارة الحالة في تطبيقاتهم.
- الحالة المستمرة: تقدم النسخة دعمًا للحالة المستمرة، مما يسمح بتخزين بيانات حالة التطبيق في التخزين المحلي لمتصفح المستخدم. تضمن هذه الميزة استمرار بيانات المستخدم حتى بعد إغلاق المتصفح أو تحديثه، مما يعزز تجربة المستخدم من خلال توفير الاستمرارية والحفاظ على البيانات الهامة للتطبيق. من خلال الاستفادة من التخزين المحلي، يمكن للمطورين إنشاء تطبيقات أكثر مرونة وسهولة في الاستخدام تتذكر تفضيلات المستخدم وتحافظ على حالة الجلسة عبر الجلسات.
التثبيت
نسخ المستودع
git clone https://github.com/akramghaleb/laravel-nuxt-template.git
الانتقال إلى مجلد المستودع
cd laravel-nuxt-template
الانتقال إلى مجلد الواجهة الأمامية (تطبيق nuxt)
cd frontend
cp .env.example .env
تأكد من تثبيت التبعيات الاتية:
# npm
npm install
# pnpm
pnpm install
# yarn
yarn install
# bun
bun install
بناء الكود:
# npm
npm run generate
# pnpm
pnpm run generate
# yarn
yarn generate
# bun
bun run generate
الانتقال إلى مجلد الخلفية (تطبيق laravel)
cd ../backend
تثبيت جميع التبعيات باستخدام composer
composer install
نسخ ملف البيئة الافتراضي وإجراء التغييرات المطلوبة في ملف .env
cp .env.example .env
إنشاء مفتاح تطبيق جديد
php artisan key:generate
تشغيل ترحيلات قاعدة البيانات (تحديد اتصال قاعدة البيانات في .env قبل الترحيل)
php artisan migrate
بدء خادم التطوير المحلي
php artisan serve
يمكنك الآن الوصول إلى الخادم على http://localhost:8000
شكرًا،
اذا اعجبك عملي يمكنك دعمي للحفاظ على مستوى الابداع!
