breeze next Download - breeze next Source Code Download

breeze next

كود الذكاء الاصطناعي

1.0.0

تنزيل

Breeze Laravel - Next.JS Edition ▲

مقدمة

هذا المستودع هو تطبيق لاعب طقم تطبيق Laravel Breeze / Starter Starter Frontend في Next.js. جميع مصادقة Boilerplate مكتوبة بالفعل من أجلك - مدعوم من Laravel Sanctum ، مما يتيح لك البدء بسرعة في إقران الواجهة الواجهة الخاصة بك الجميلة.

الوثائق الرسمية

تثبيت

أولاً ، قم بإنشاء الواجهة الخلفية المتوافقة مع Next.js عن طريق تثبيت Laravel Breeze في تطبيق Laravel جديد وتثبيت سقالات API الخاصة بـ Breeze:

 # Create the Laravel application...
laravel new next-backend

cd next-backend

# Install Breeze and dependencies...
composer require laravel/breeze --dev

php artisan breeze:install api

# Run database migrations...
php artisan migrate

بعد ذلك ، تأكد من تعيين متغيرات البيئة APP_URL و FRONTEND_URL الخاصة بك على http://localhost:8000 و http://localhost:3000 ، على التوالي.

بعد تحديد متغيرات البيئة المناسبة ، يمكنك خدمة تطبيق Laravel باستخدام أمر serve Artisan:

 # Serve the application...
php artisan serve

بعد ذلك ، استنساخ هذا المستودع وتثبيت تبعياته مع yarn install أو npm install . ثم ، انسخ ملف .env.example إلى .env.local وقم بتزويد عنوان URL في الواجهة الخلفية:

 NEXT_PUBLIC_BACKEND_URL=http://localhost:8000

أخيرًا ، قم بتشغيل التطبيق عبر npm run dev . سيكون التطبيق متاحًا على http://localhost:3000 :

 npm run dev

ملاحظة: في الوقت الحالي ، نوصي باستخدام localhost أثناء التطوير المحلي للواجهة الخلفية والواجهة الأمامية لتجنب مشكلات "الأصل من نفس".

خطاف المصادقة

يحتوي تطبيق Next.js هذا على خطاف رد فعل useAuth مخصص ، مصمم لتجريد جميع منطق المصادقة بعيدًا عن صفحاتك. بالإضافة إلى ذلك ، يمكن استخدام الخطاف للوصول إلى المستخدم المصادق عليه حاليًا:

 const ExamplePage = ( ) => {
    const { logout , user } = useAuth ( { middleware : 'auth' } )

    return (
        < >
            < p > { user ?. name } </ p >

            < button onClick = { logout } > Sign out </ button >
        </ >
    )
}

export default ExamplePage